Техническое задание: Адаптивная верстка

Цель проекта

Преобразовать предоставленный графический макет в чистый, семантический и кроссбраузерный HTML/CSS код с полной адаптацией под мобильные устройства.

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

• Верстка должна быть полностью адаптивной (responsive).
• Код должен быть валидным и семантически правильным.
• Необходимо обеспечить корректное отображение в современных браузерах (Chrome, Firefox, Safari, Edge).
• Все интерактивные элементы (кнопки, ссылки, формы) должны иметь состояния (hover, active, focus).
• Изображения должны быть оптимизированы и адаптивны.
• Структура файлов проекта должна быть логичной и чистой.

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

Готовый, полностью рабочий набор HTML и CSS файлов, который при открытии в браузере точно соответствует исходному макету и корректно масштабируется при изменении ширины окна браузера или на разных устройствах.