Convert the following designs to two HTML pages, using HTML/CSS/JS (additional libraries such as AngularJS can be used).
- Use your personal GitHub account to fork current project and push your solution to it.
- All solutions should be in the same forked project with good code style, comments and SOLUTION.md description.
- Please send us a link to your fork project once your work is done.
- Create a project by forking this project
- Make the solution responsive using your best judgement.
- Use BEM naming convention (optional).
- We pay attention to both CSS and JS bundle sizes. Import just what you require and not the whole package.
- The code should be readable and of high quality.
- Avoid using huge commits hiding your progress. The initial commit should be two bare HTML pages. Work on your branch and feel free to use rebase to adjust your commits before submitting the final version.
When working on the project use consistent coding style. Try to check guidelines such as Code Guide or CSS Guidelines.
What you need to do to get high QA score? Simply answer Yes to all these questions:
- Are all requirements set above met?
- Is the page working without any JS errors?
- Is the page usable (UX)?
- code quality
- Fluentness, responsiveness & performance
- Is reasonable precision achieved?
- Do the pages display and work correctly in supported browsers - Chrome, Firefox & IE 11?
- Is the page valid?
- Are the correct tags being used?
- Is the page using a consistent HTML coding style?
- Is the page using a consistent CSS coding style?
- Is the page using a consistent JS coding style?
- Is CSS and JS concatenated and minified?
- Are proper ALT attributes for images provided? (where applicable)
- Are ARIA attributes properly used?
- Is proper heading structure in place?