Техническое задание: Верстка адаптивного лендинга
Основная задача
Создать полностью рабочий, адаптивный и кроссбраузерный одностраничный сайт (лендинг) на основе предоставленного дизайн-макета.
Ключевые требования к верстке
- Использование HTML5, CSS (SCSS) и чистого JavaScript.
- Полное соответствие предоставленному макету.
- Адаптивность под все основные разрешения экранов (мобильные, планшеты, десктоп).
- Кроссбраузерная совместимость (последние версии Chrome, Firefox, Safari, Edge).
- Плавность всех анимаций и переходов. Недопустимы резкие скачки или визуальные артефакты.
Функциональность на JavaScript
Обязательные элементы:
- Интерактивное бургер-меню для мобильных устройств.
- Плавная прокрутка по якорным ссылкам.
- «Липкий» (sticky) заголовок, меняющий состояние при скролле.
- Один или несколько слайдеров, реализованных на библиотеке Swiper.js.
Сборка проекта
- Настройка сборщика Gulp.
- Минификация итоговых CSS и JS файлов.
- Оптимизация всех изображений для веба (сжатие без потери качества).
Результат работы
Исполнитель предоставляет полный исходный код проекта (включая настроенную сборку) и готовую к размещению на хостинге папку с оптимизированными файлами.