Верстка одностраничного сайта

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

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

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

• Полное соответствие макету: Вёрстка должна точно повторять предоставленный дизайн.
• Адаптивность: Сайт должен корректно отображаться на основных разрешениях экранов (десктоп, планшет, мобильные устройства).
• Чистый и комментированный код: В HTML, CSS и JavaScript-файлах должны быть подробные комментарии, объясняющие логику блоков, классов и функций. Это необходимо для возможности дальнейшего самостоятельного редактирования текстов, замены изображений и мелкой доработки.

Особые моменты по интерактивным элементам

• Элементы с подсказками: Для ценников, отмеченных значком "?".
  • При наведении курсора (hover) должна появляться текстовая подсказка (tooltip).
  • Текст подсказки: "По актуальному курсу Национального банка на момент утверждения начала проекта".
  • Валюту в ценниках необходимо обозначить как USD ($).

Технические ожидания

• Семантическая и валидная разметка.
• Оптимизация графики для веба.
• Кроссбраузерность (современные версии Chrome, Firefox, Safari, Edge).
• Чистая структура файлов и папок проекта.

Что предоставляется

• Ссылка на дизайн-макет в Figma со всеми состояниями элементов, шрифтами и размерами.