Техническое задание на верстку сайта

Общее описание проекта

Необходимо реализовать верстку для многостраничного сайта на основе предоставленного макета в Figma. Проект включает в себя 20 HTML-страниц, из которых 14 являются однотипными (например, карточки товаров, услуг или статей).

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

Технический стек

• Чистый HTML5 (без шаблонизаторов).
• Чистый CSS3 (без препроцессоров, типа SASS/LESS).
• JavaScript не требуется, если не указано иное в макете (например, для базового меню).

Адаптивность и отзывчивость

• Макет содержит дизайн для десктопной и мобильной версий.
• Верстка должна быть резиновой (fluid) и корректно отображаться на всех промежуточных разрешениях экрана (планшеты, ноутбуки).
• Обязательна кроссбраузерная совместимость с последними версиями современных браузеров.

Качество кода и организация

• Семантическая, валидная верстка.
• Понятные и логичные названия классов (рекомендуется методология, например, БЭМ).
• Аккуратная файловая структура проекта.
• Все графические элементы должны быть оптимизированы для веба.
• Отсутствие форм обратной связи (они не входят в текущий этап работ).

Что предоставляет заказчик

• Макет в Figma со слоями, шрифтами, цветами и размерами.
• Все необходимые графические ресурсы (изображения, иконки).

Ожидаемый результат

• Архив с исходным кодом (HTML, CSS, изображения).
• Готовый к размещению на хостинге набор файлов.
• Корректное отображение всех 20 страниц на любых устройствах.