The purpose of this test is not only to quickly gauge an applicant's abilities with a simple HTML/CSS mockup, but also their approach to development. It is not intended that applicants spend a great deal of time on the project - no more than two hours.
Applicants may use whatever techniques and Javascript/CSS frameworks they want to achieve the outcome.
The design is very rudimentary, and it certainly won't be winning any awards - this is to ensure that the applicant can be confident that we are not simply using them to produce some work for us without pay!
First, fork this repository into your own public repo. Complete the project and commit your work - minus the original Photoshop file (to keep the size down). Send the URL of your own repository to [email protected] with the subject 'Front-end Developer Test'.
If you are not comfortable with using Git, you can download the source files as a ZIP archive (click the Download ZIP button on the right). Complete the task and then re-archive all of your files (do NOT include the Photoshop file). Share the file to [email protected] using a service such as Dropbox.
If you choose to use build tools to compile your CSS and Javascript (such as SASS of Coffescript) please include the original files as well. You may update this README file outlining the details of what tools you have used.
The fonts used in the document are Lato and Arvo - both are available on Google Fonts.
If you get around to doing cross-browser testing, for the sake of this project do not worry about any versions of Internet Explorer below version 9. The most up-to-date versions of Chrome, Firefox and Safari will also suffice. Include details in the README file/email of what cross-browser testing you have been able to do.
For extra credit, ensure that the site scales well on mobile. For giggles, hide the 'Facilties' panel when viewed on anything smaller than a portrait orientated iPad (we'll let you figure out the breakpoints).
This fictitious project is part of a larger plan to reuse templates for multiple properties. When authoring your CSS ensure that it is easy for another developer to find and change things such as fonts and colours.
We look forward to seeing what you can do. Remember, although it is a test, there are no specific right or wrong answers that we are looking for - just do the job as best you can. Any questions - create an issue in the panel on the right (requires a Github account).