Задание: Верстка адаптивной лендинг-страницы

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

Необходимо создать верстку одностраничного сайта, ориентированную в первую очередь на мобильные устройства.

  • На десктопной версии страница должна отображаться по центру экрана с фиксированной шириной, аналогично примеру.
  • На мобильных устройствах верстка должна быть полностью адаптивной и подстраиваться под ширину экрана.

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

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

  • В макете структура страницы разделена на логические блоки с помощью подзаголовков в комментариях.
  • Для навигации по макету и его разделам следует использовать зеленые метки-закладки, расположенные слева.
  • Верстка должна точно соответствовать предоставленному макету с учетом всех комментариев и отступов.

Технические требования к результату

  • Чистая, валидная и семантическая верстка.
  • Полная адаптивность под мобильные устройства.
  • Корректное отображение на десктопе (по центру страницы).
  • HTML-код должен быть готов к интеграции.

От исполнителя ожидается качественное и быстрое выполнение работы в полном соответствии с комментариями в макете.

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

Необходимо создать дизайн-макет веб-страницы для десктопной и мобильной версий. В основе работы - готовый прототип новой страницы и существующий фирменный стиль. Требуется адаптировать структуру прототипа, используя утвержденные визуальные элементы.