Once started, you have 2 days to convert two pages in the design folder to HTML/CSS/JS. They are part of a full
website and contain links to other pages that are not included in the PSD files.
Please do not worry about those links. You just need to focus on the layout,
styles and interactive components on two pages only. Once you have completed the task, please commit and push to a new branch named with your first and last name.
- On the home page, a drop-up menu should be displayed when the mouse hovers over the up arrows.
- On the about us page, you need to implement the tab switching in the left hand side menu. Please refer to the PSD file for the tab contents.
- Generate the project using Yeoman;
- Install the dependencies using Bower;
- Run the website using Grunt;
- Use HTML5/CSS3;
- Ensure that the website supports modern browsers (IE9+).
Bonus Can you make the website work on mobile devices. You may need to think about the mobile website design in terms of usability and adjust the interactive components accordingly.
We prefer the following coding standards:
- HTML & CSS: Code Guide by @mdo;
- JavaScript: Google JavaScript Style Guide.
Also, we value semantic markup.
You need to clone this repository, do the tasks in a new branch, and push it once it's done.
Your commit log will be checked, so please breakdown the changes into multiple commits and write effective commit messages.
If you don't have Adobe Photoshop installed, we recommend using the following free applications to view and edit a PSD file:
- Paint.NET + PSD Plugin (Windows);
- GIMP (Mac, *nix).
The design for this project is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.