Please clone or fork the test from this repo
Please markup the provided design using HTML, CSS and Javascript. A layered Photoshop file and jpg of the design has been provided. Please contact us if any instruction is unclear. Thank you!
Rules and Requirements
- We are interested in simplicity and your command of the front-end development languages rather than libraries and frameworks. However, you may use any HTML/CSS/JS library or framework, except for dealing with the image object which is detailed below.
- For the 3 column image section please reference the images object in app.js. Each of the images contain an image path, a heading, and description text. Use this object to build a 3-column image section at the bottom of the content area, showing images and their associated hover states.
- Please use your judgement to make this page responsive. Simpler versions of elements on mobile is ok.
- You may use a CSS framework if you like, but extra consideration will be given if you can showcase your command of simple media queries. Bonus points for exampling a "mobile first" approach.
- Pixel perfection is not expected. We are more interested in conveying the feel of the design.
What We're Interested In
- Command of Languages
- Best Practices
- Intentional and Strategic Organization of Code
- Efficiency and Cleanliness in Code
- Browser Compatibility
- Attention to Detail
- Usability
Bonus Points
- The use of SASS compiled down to CSS
- The use of a build tool to automate the compilation of SASS and / or minification of JS or CSS.
Completion and Delivery
You can clone or fork this repo. When complete, email a link to submissions@leaselabs.com
MIT License - Open Source We have created this test as a simple assessment for front-end developers. If anyone else finds this useful, it's available for you to use anyway you like.