Техническое задание: Верстка сайта по макету Figma

Основная задача

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

Ключевые требования

  • Верстка должна быть выполнена с использованием фреймворка Tailwind CSS версии 4.
  • Сайт должен быть полностью адаптивным (mobile-first подход приветствуется).
  • Все интерактивные элементы (кнопки, ссылки, формы) должны иметь состояния (hover, focus, active).
  • Верстка должна точно соответствовать предоставленному макету по отступам, размерам, шрифтам и цветам.
  • Код должен быть чистым, структурированным и с комментариями для основных блоков.

Что предоставляет заказчик

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

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

  • Исходные файлы (HTML, CSS на базе Tailwind).
  • Собранный и готовый к размещению проект.
  • Проверка верстки на основных современных браузерах (Chrome, Firefox, Safari).