Адаптивность сетки: отображено на макете. Контейнер фиксированной ширины.
Вёрстка не должна ломаться при изменении масштаба страницы.
Используемая методология: БЭМ.
Используемые фреймворки: нет.
Используемый препроцессор: Sass (SCSS-синтаксис).
Используемый инструмент автоматизации: поставляется в самом начале работы. Модификация сборки запрещена.
Кроссбраузерность: Chrome, Firefox.
Шрифт Montserrat.
JavaScript: необходимо реализовать компоненты с слайдерами, бургерное меню, форму.
Фоны, которые упираются в края макета, должны тянуться на всю страницу.
Для слайдеров используется библиотеку swiper.js
У всех главных заголовков в каждом блоке есть полупрозрачный дублирующий текст. Дублирующий текст не должен быть прочитан скринриндером.
1/Промо блок
Слайдер с пагинацией, без навигации.
На планшете и мобильном слайдер переключается свайпом.
Слайдер зациклен.
На десктопе слайдер переключается буллетами.
2/Блок Ближайшие туры
Слайдер с навигацией.
Количество слайдов адаптируется к устройству (см. макет).
Переключается по одному слайду, в крайнем положении кнопки навигации блокируются.
В слайдере должно быть четыре слайда.
3/Блок Обучение
Слайдер с навигацией.
Количество слайдов адаптируется к устройству
Переключается по одному слайду.
В крайнем положении кнопки навигации блокируются.
В слайдере должно быть пять слайдов.
В блоке «Процесс обучение» всегда четыре элемента.
4/Карточки преимущества становятся слайдером в десктопном варианте.
Слайдер с навигацией.
Количество слайдов адаптируется к устройству
Переключается по два слайда.
Слайдер зациклен.
Пожаловаться
