Build a Web Page Test

Overview

In designs.zip there are PSD's for each of the following breakpoints:

• 320
• 768
• 992

Instructions

• Build the designs using HTML & CSS
• The page must be responsive. (Tip: Start with mobile)
• You can use a CSS framework. The designs were created with Bootstrap's default grid system in mind, but feel free to use whatever you are comfortable with.
• The design makes use of 2 font families:
  • Roboto (Can be found here)
  • Georgia (Assume it is available on the user's system)
• Each PSD has a grid layer that you can use to see the column structures within the design. The PSD's also contains "layer comps" for the normal and hover states of various elements.
• For your convenience, all the image assets required to build this page have been saved into the image-assets directory
• We will be judging your submission based on:
  • Elegance of your CSS and HTML
  • Accuracy of your build relative to the designs (We'll be checking your build across multiple browsers)
• If you have any questions, please submit an issue

Deliverables

All assets/files needed to build and view the page in a browser.

• Fork this repo, and then submit a pull request
• Or email us a link to your repo
• Or email us your code

Get in touch with us at careers@native.co.za

Bonus Round

If you'd like to demonstrate your JavaScript skills, please have a look at our Interactive Developer Test