Сверстать дизайн лендинга из Figma

Общие требования

1. Создание адаптивного HTML + CSS шаблона лендинг-страницы, соответствующего дизайну из Figma.

2. Оптимизация для SEO: Включение всех современных требований для поисковой оптимизации.

3. Респонсивность: Поддержка корректного отображения на всех устройствах (десктопы, планшеты, смартфоны).

4. Современные стандарты верстки
   
   Исходные данные

   1. Дизайн предоставляется в формате Figma.

Меню сайта уже реализовано на основном сайте и может быть заимствовано (HTML и CSS коды доступны).


SEO

1. Оптимизация заголовков (<h1> — основной заголовок, <h2> — подзаголовки).
   2. Lazy loading для изображений и медиа (только невидимая часть экрана до прокрутки)
   3. Валидный код
   
   
   Функциональные требования

1. Респонсивность:

   • Адаптация макета к устройствам с различными разрешениями экрана.

   • Тестирование на популярных браузерах (Chrome, Safari, Firefox, Edge).

2. Меню:

   • Заимствование меню с основного сайта, интеграция его в шаблон.

3. Формы:

   • Реализация формы обратной связи с проверкой ввода данных.

4. Анимации:

   • Добавление плавных переходов при наведении на элементы.