Задача:
Сверстать страницу, показанную на макете https://www.figma.com/file/GhXlR52smlsa6IpskgMuzo/TestWeb?node-id=0%3A1. Внешний вид и состояния элементов должны полностью соответствовать макету. Настроенный сборщик и инициализированный проект (пустой шаблон с первичной структурой) уже есть. Перед началом выполнения тестового задания необходимо сделать fork репозитория и ознакомиться с первичной структурой проекта.
В проекте используются следующие технологии и инструменты:
- Препроцессор CSS: SCSS
- Препроцессор HTML: Pug;
- Gulp (gulp watch, gulp build)
- Jquery
Требования к верстке:
- HTML5 семантика
- CSS3
- БЭМ
- Mobile First;
- Приветствуется использование векторной графики.
- Желательно валидация w3.org
- Для работы с Jquery используем классы с префиксом js-, стилизовать по этим класса не следует.
- Настройка проекта через переменные в config.scss, переменные в _variables.scss не меняем.
- В проекте подключен Bootstrap4, но из функционала используем только миксины и классы для модальных окон.
- Pixel Perfect
Результат:
1.Ссылка на страницу, которая корректно отображается на всех современных компьютерах, смартфонах и планшетах, во всех современных браузерах(Chrome,Safari,Firefox,IE11);
2.git- репозиторий с исходниками верстки;