Convert the following designs to a beautiful responsive website.
The font used is for the whole site is
Roboto.
- You need to have node.js preinstalled
- Run npm install
- Run gulp serve to start development build process
- Make it responsive by your best judgement.
- The site should be retina compatible.
- Do not use any image, everything should be made using CSS3. The only images allowed are logos or photos.
- The header should be stick to the top of the viewport. We recommend you to use Slick.js for any carousel on the page. If you want to use another library because you think it's better you have to explain us why :)
At Codeiner we love the BEM methodology. It helps to increase code reliability and reusable components. If you haven't heard anything about BEM we strongly recommend you to dig more about it. This test it's a great opportunity for giving it a try!
We'd like to see you using Stylus/SASS/LESS for the CSS, show us your magic :)
Ensure that the elements work and display correctly in the following browsers and OS devises:
- Firefox (latest version)
- Google Chrome (latest version)
- Safari (latest version)
- Microsoft Edge
- Internet Explorer 11
- Safari (iOS 9.0)
- Chrome (Android 5.0)
- Are all requirements met?
- Do the page display and work correctly in all supported browsers?
- Do the page display and work correctly in all supported OS devices?
- Is reasonable pixel precision achieved?
- Do the page work without JavaScript errors?
- The files should be pushed to your Github account, if you don't have one you can follow this link: https://github.com/join to get one, it's free!
- Cross-check all the details before pushing the final code for review.
- Track the time you spend, we recommend you TOGGL for this. Be honest :D
Here are some links that might be helpful: