Задание состоит из нескольких этапов, требующих различных навыков от исполнителя.
Этап #1:
Сверстать статическую страницу на основе макета с учетом нижеуказанных требований.
Браузеры: IE 10+, Chrome 40+, Firefox 40+, Safari 8+.
Стандарты: HTML5/CSS3.
HTML код: Структурный, комментируемый код (обозначается начало и конец крупных блоков). Семантичность. Грамотное использование тегов.
CSS код: Комментариями обозначены начало/конец наборов стилей. Для оформления теней, скругленных углов и тд предпочтительно использовать CSS3-свойства. Использование препроцессоров приветствуется.
JavaScript: Код должен выполняться без ошибок (проверить каждую страницу с помощью панели DevTools или аналогичной утилиты). Код снабжен комментариями: описаны назначения функций и событий.
Нестандартные шрифты: Подключаются через директиву @font-face.
Концепция независимых блоков (БЭМ): Для сокращения риска коллизий в именах классов и повышения стабильности кода, в разработке рекомендуется (не обязательно) использовать концепцию независимых блоков (БЭМ). Кратко о ней можно прочитать здесь: http://noteskeeper.ru/527/
Интерактивные элементы: У всех интерактивных элементов должны быть проработаны необходимые состояния (например, наведение, фокус, клик). На данном этапе можно не стилизовать выпадающие списки при помощи JS, а использовать стандартное оформление тэга .