Техническое задание: Верстка лендинга

Цель проекта

Создать точную, кроссбраузерную и адаптивную HTML/CSS/JS верстку одностраничного сайта на основе предоставленного референса.

Основные требования

• Использование чистых технологий: HTML5, CSS3, Vanilla JavaScript.
• Полное соответствие внешнего вида и структуры референсному макету.
• Адаптивность под основные разрешения экранов (десктоп, планшет, мобильные устройства).
• Корректное отображение в современных браузерах (Chrome, Firefox, Safari, Edge).
• Чистый, комментированный и семантически верный код.
• Реализация всей необходимой интерактивности, присутствующей в референсе (меню, слайдеры, формы, анимации появления элементов).

Что нужно сделать

• Проанализировать референсный сайт.
• Сверстать все блоки и элементы страницы.
• Написать стили, обеспечивающие адаптивность.
• Добавить JavaScript для работы интерактивных компонентов.
• Оптимизировать графику и код для быстрой загрузки.
• Проверить верстку на валидность и кроссбраузерность.

Результат работы

Готовый набор файлов (HTML, CSS, JS, изображения), который можно открыть в браузере и который визуально и функционально соответствует референсу.