Техническое задание: Верстка веб-страницы

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

Необходимо создать точную, чистую HTML/CSS/JS верстку одной страницы по предоставленному образцу (макету). Работа включает в себя три ключевых компонента:

• Главная страница сайта
• Модуль всплывающей корзины (только верстка и базовая логика открытия/закрытия)
• Карточка товара

Требования к верстке

• Адаптивность: Обязательно наличие мобильной версии (Mobile First или корректное отображение на мобильных устройствах).
• Технологии: Чистый HTML, CSS, JavaScript (Vanilla JS или минимальные библиотеки, если необходимо).
• Дизайн: Страница простая, без сложных анимаций и интерактивных элементов.
• Соответствие макету: Визуальное и структурное соответствие предоставленному образцу.
• Корзина: Реализовать верстку всплывающего окна корзины. Функционал добавления/удаления товаров не требуется, только внешний вид и механика открытия/закрытия.
• Карточка товара: Сверстать отдельный компонент карточки товара, как в макете.

Что НЕ входит в задачу

• Интеграция с CMS или backend-системами.
• Наполнение страницы контентом (верстка под готовый контент).
• Сложные JS-скрипты и анимации.
• Кроссбраузерная проверка за пределами современных браузеров (если не оговорено отдельно).

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

Архив с файлами: index.html, стилями (style.css / или в рамках одного файла), скриптами (script.js) и необходимыми изображениями. Верстка должна быть аккуратной, с семантической разметкой и комментариями в ключевых местах.