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

Цель проекта

Преобразовать готовый дизайн-макет в полностью функциональный, адаптивный и валидный HTML/CSS код для одностраничного сайта.

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

  • Полное соответствие верстки предоставленному дизайн-макету (PSD, Figma или аналоги).
  • Адаптивная верстка (резиновая или брейкпоинты) для корректного отображения на мобильных устройствах, планшетах и десктопах.
  • Чистый, семантический и комментированный код.
  • Кроссбраузерная совместимость (последние версии Chrome, Firefox, Safari, Edge).
  • Оптимизация графики для веба.
  • Валидная верстка (проверка через W3C Validator).

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

  • Нарезать графику из макета.
  • Сверстать все блоки и элементы страницы.
  • Реализовать интерактивные элементы (меню, кнопки, формы, слайдеры, если есть).
  • Обеспечить плавность анимаций и hover-эффектов согласно дизайну.

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

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