Задача:

Сверстать страницу, показанную на макете https://www.figma.com/file/GhXlR52smlsa6IpskgMuzo/TestWeb?node-id=0:1. Внешний вид и состояния элементов должны полностью соответствовать макету. Настроенный сборщик и инициализированный проект (пустой шаблон с первичной структурой) уже есть. Перед началом выполнения тестового задания необходимо сделать fork репозитория и ознакомиться с первичной структурой проекта.

В проекте используются следующие технологии и инструменты:

1. Препроцессор CSS: SCSS
2. Препроцессор HTML: Pug;
3. Gulp (gulp watch, gulp build)
4. Jquery

Требования к верстке:

1. HTML5 семантика
2. CSS3
3. БЭМ
4. Mobile First;
5. Приветствуется использование векторной графики.
6. Желательно валидация w3.org
7. Для работы с Jquery используем классы с префиксом js-, стилизовать по этим класса не следует.
8. Настройка проекта через переменные в config.scss, переменные в _variables.scss не меняем.
9. В проекте подключен Bootstrap4, но из функционала используем только миксины и классы для модальных окон.
10. Pixel Perfect

Результат:

1.Ссылка на страницу, которая корректно отображается на всех современных компьютерах, смартфонах и планшетах, во всех современных браузерах(Chrome,Safari,Firefox,IE11);

2.git- репозиторий с исходниками верстки;