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

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

Необходимо сверстать адаптивную веб-страницу на основе предоставленного макета в Figma.

Используемый стек технологий

  • HTML5 - семантическая верстка
  • SCSS - препроцессор для стилей
  • Bootstrap - CSS-фреймворк
  • CSS Grid Layout - для построения сетки

Детали проекта

  • Верстка должна быть кроссбраузерной и адаптивной.
  • Точное соответствие макету Figma по отступам, шрифтам, цветам и размерам.
  • Чистый, структурированный и комментированный код.
  • Все контактные данные, названия и прочая приватная информация из макета должны быть заменены на условные (например, «Название компании», «example@mail.com»).

Что предоставить исполнителю

  • Ссылку на макет в Figma.
  • Все необходимые графические ресурсы (иконки, изображения) в подходящих форматах.

Ожидаемый результат

Готовые HTML и CSS (SCSS) файлы, корректно отображающие страницу во всех современных браузерах и на основных разрешениях экранов.

Адаптивная верстка мобильной версии сайта

Требуется сверстать адаптивный мобильный дизайн (макет в Figma) с корректным отображением на экранах от 320px до 768px. Верстка должна интегрироваться в существующий проект с использованием уникальных классов.

Верстка и настройка сайта-каталога с корзиной и формами

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