Техническое задание
Необходимо сверстать новый дизайн страницы для страницы
с применением HTML5 + JavaScript-библиотеки jQuery
Для полного понимания необходимого результата ознакомиться с рабочей версией страницы
и посмотреть историю переписки с дизайнером тут
Описание страницы
Страница представляет собой онлайн-конструктор резюме. Пользователи заполняют форму с персональными данными и получают типовое резюме на основе введенных данных.
Описание работы
Генерацию самого резюме и функционал скачивания, отправки и печати делать не нужно. Этим займется программист после этапа верстки.
Необходимо только сверстать страницу, а именно содержимое форм и навигацию по этапам "Ввод данных" – "Просмотр" – "Отправить"
Требования к структуре кода
Структура кода должны быть следующей:
В корне проекта две папки:
sources – каталог для ресурсов
resume – каталог для страницы резюме
В папке sources следующие папки:
css – каталог со стилями
i – каталог для статических изображений
svg – каталог для векторных изображений
fonts – каталог для файлов кастомных шрифтов
js – каталог для скрипта jquery.min.js и less.min.js
В папке resume должен быть один единственный файл:
index.html – страница, которую необходимо сверстать
Требования к HTML-коду
Верстка должны быть на стандартном HTML5: <!DOCTYPE html>. Никаких реактов и прочих библиотек. Вся страница должна быть индексируема.
Вместо табов 4 пробела. Двойные кавычки для атрибутов.
Требования к стилям
Стили должны быть:
- описаны с помощью технологии Less (
.
- разделены на логические блоки: menu.less, form.less, button.less и прочие...
- все блоки должны импортироваться в main.less, который будет цепляться к index.html
- код стилей должен соответствовать дефолтными правилам LessHint (
- мобильные стили должны определяться шириной экрана и оборачиваться в соответствующие правила.
Требования к браузерам
Верстка должны быть адаптирована под следующие браузеры:
Google Chrome 49+
Яндекс.Браузер 18+
Opera 50+
Firefox 58+
Mobile Safari 10+
MSIE 11+
Edge 15+
Полное описание по ссылке:
Дизайн:
Мобильная версия: