Задание: Верстка сайта по готовому прототипу Figma
Необходимо преобразовать готовый прототип, созданный в Figma, в рабочий, адаптивный сайт. Прототип включает в себя полностью продуманную структуру, логику расположения элементов и визуальный дизайн.
Основные задачи:
- Анализ предоставленного макета Figma.
- Семантическая и валидная верстка всех страниц сайта.
- Реализация адаптивности под различные устройства (десктоп, планшет, мобильные).
- Точное соответствие верстки предоставленному дизайну (отступы, шрифты, цвета, изображения).
- Проверка кроссбраузерной совместимости.
Что предоставляет заказчик:
- Полноценный, детализированный прототип в Figma со всеми необходимыми экранами и состояниями элементов.
- Все графические материалы (изображения, иконки), если они используются в макете.
Требования к результату:
- Чистый, структурированный HTML/CSS код.
- Работоспособность всех интерактивных элементов (меню, кнопки, формы).
- Оптимизированная загрузка графики.
- Готовый к размещению на хостинге проект.