Техническое задание на верстку сайта

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

  • Сверстать две полноценные страницы на основе предоставленного макета в Figma.
  • Обязательно реализовать полностью адаптивную мобильную версию.
  • Все элементы должны соответствовать дизайну в макете.

Функциональные блоки и особенности

Шапка сайта

  • Реализовать навигационное меню.
  • Пункты меню должны быть кликабельными ссылками (актуальные URL будут добавлены позже).

Работа с контентом

  • На сайте не требуется реализовывать всплывающие окна (модальные окна) или формы.
  • Все кнопки и ссылки в блоках должны вести на внешние ресурсы.
  • Все номера телефонов должны быть реализованы как кликабельные ссылки с протоколом tel:.

Блок с видео (ключевая особенность)

  • Видео необходимо встроить с внешнего видеохостинга (предоставлен плейлист).
  • Количество встраиваемых видео должно соответствовать актуальному количеству роликов в плейлисте на момент верстки.
  • Для десктопной версии: отображать все доступные видео.
  • Для мобильной версии: изначально показывать только первые 6 видео.
  • Под блоком должна быть кнопка/ссылка "Ещё". При клике на неё должны подгружаться следующие 2 видео.
  • Процесс повторяется до тех пор, пока все видео не будут отображены. После этого кнопка "Ещё" должна скрываться.