Техническое задание: Верстка сайта по макету Figma
Основная задача
Необходимо преобразовать готовый дизайн-макет из Figma в полностью рабочий, адаптивный и кроссбраузерный сайт.
Ключевые требования
- Верстка должна быть выполнена с использованием фреймворка Tailwind CSS версии 4.
- Сайт должен быть полностью адаптивным (mobile-first подход приветствуется).
- Все интерактивные элементы (кнопки, ссылки, формы) должны иметь состояния (hover, focus, active).
- Верстка должна точно соответствовать предоставленному макету по отступам, размерам, шрифтам и цветам.
- Код должен быть чистым, структурированным и с комментариями для основных блоков.
Что предоставляет заказчик
- Ссылку на макет в Figma с полным доступом к стилям, компонентам и ресурсам (шрифты, изображения).
- Технические пожелания по анимациям или интерактивности, если они предусмотрены макетом.
Результат работы
- Исходные файлы (HTML, CSS на базе Tailwind).
- Собранный и готовый к размещению проект.
- Проверка верстки на основных современных браузерах (Chrome, Firefox, Safari).