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

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

Требуется преобразовать статичный макет из Figma в полностью рабочий, адаптивный веб-сайт, состоящий из одной страницы.

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

• Использовать исключительно чистые технологии: HTML и CSS.
• Макет предоставлен в формате Figma (файл прилагается).
• Верстка должна быть полностью адаптивной и корректно отображаться на всех основных разрешениях экранов (десктоп, планшет, мобильные устройства). Адаптивные точки указаны в макете.
• Структура HTML-кода должна быть семантически верной.
• CSS-код должен быть организован и чист.
• Все графические элементы (иконки, изображения) должны быть оптимизированы для веба.
• Интерактивные элементы (кнопки, ссылки, формы) должны иметь соответствующие состояния (:hover, :focus).

Что необходимо сделать

• Проанализировать предоставленный макет Figma.
• Создать HTML-структуру страницы.
• Написать CSS-стили, обеспечивающие pixel-perfect соответствие макету.
• Реализовать адаптивность согласно контрольным точкам в макете.
• Проверить кроссбраузерность (современные версии Chrome, Firefox, Safari).
• Подготовить итоговые файлы (HTML, CSS, изображения) в архиве.

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

Готовый к использованию набор файлов (index.html, style.css, папка с изображениями), при открытии которого в браузере отображается полностью сверстанная, адаптивная страница, идентичная макету.