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