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

Цель проекта

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

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

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

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

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

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

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