Travel – адаптивный и интерактивный landing page сайта для планирования путешествий.
Задание состоит из трёх частей:
- Часть 1. Фиксированная вёрстка
- Требования и критерии оценки
- в этой части задания необходимо сверстать страницу по макету, которая корректно отображается при ширине экрана не меньше 1440рх
- проверяется валидность и семантичность вёрстки, её совпадение с макетом
- Часть 2. Адаптивная вёрстка
- Требования и критерии оценки
- в этой части задания необходимо добавить адаптивность свёрстанной странице. При ширине страницы 390px ставится задача совпадения вёрстки с макетом, на остальных разрешениях до 320рх включительно достаточно обеспечить отсутствие горизонтальной полосы прокрутки.
Также на этом этапе в вёрстку добавляется адаптивное меню, для создания которого используется js. - проверяется совпадения вёрстки с макетом при ширине страницы 390рх, отсутствие горизонтальной полосы прокрутки, работа адаптивного меню
- Часть 3. Добавление функционала
- Требования и критерии оценки
- в этой части задания используем JavaScript для добавления странице интерактивности:
- слайдер в секции "Popular Destinations"
- оживить кнопку Login после нажатия которой должен появляться Login pop up и который будет содержать форму
- проверяется реализованный функционал
Макет в figma