Техническое задание: Верстка лендинга
Цель проекта
Создать точную, кроссбраузерную и адаптивную HTML/CSS/JS верстку одностраничного сайта на основе предоставленного референса.
Основные требования
- Использование чистых технологий: HTML5, CSS3, Vanilla JavaScript.
- Полное соответствие внешнего вида и структуры референсному макету.
- Адаптивность под основные разрешения экранов (десктоп, планшет, мобильные устройства).
- Корректное отображение в современных браузерах (Chrome, Firefox, Safari, Edge).
- Чистый, комментированный и семантически верный код.
- Реализация всей необходимой интерактивности, присутствующей в референсе (меню, слайдеры, формы, анимации появления элементов).
Что нужно сделать
- Проанализировать референсный сайт.
- Сверстать все блоки и элементы страницы.
- Написать стили, обеспечивающие адаптивность.
- Добавить JavaScript для работы интерактивных компонентов.
- Оптимизировать графику и код для быстрой загрузки.
- Проверить верстку на валидность и кроссбраузерность.
Результат работы
Готовый набор файлов (HTML, CSS, JS, изображения), который можно открыть в браузере и который визуально и функционально соответствует референсу.