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

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

Выполнить pixel-perfect верстку двух страниц веб-сайта на основе готового дизайн-макета (PSD, Figma или аналоги).

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

• Создание двух отдельных HTML-страниц.
• Полная адаптивность верстки под мобильные устройства и десктопные экраны.
• Точное соответствие предоставленному дизайн-макету (pixel-perfect).
• Кроссбраузерная совместимость (современные версии Chrome, Firefox, Safari, Edge).
• Чистый, семантически верный HTML5 и CSS3 код.
• Оптимизация графики для веба.

Что должно быть в результате

• Два HTML-файла с соответствующей структурой папок для стилей, изображений и шрифтов.
• Адаптивные стили, обеспечивающие корректное отображение в двух основных разрешениях (мобильное и десктопное).
• Проверка валидности и скорости загрузки страниц.

Дополнительные пожелания

Код должен быть хорошо структурирован, с комментариями для основных блоков. Приветствуется использование современных подходов (например, Flexbox/Grid для сеток).