Техническое задание: Верстка адаптивного лендинга

Ключевая задача

Разработать и сверстать адаптивный (кроссбраузерный и корректно отображающийся на всех устройствах) одностраничный сайт (лендинг) для последующей передачи в разработку и посадки на систему управления контентом ModX.

Структура проекта

Основная страница (Лендинг)

• Верстка должна включать 11 логических блоков (секций).
• Каждый блок должен быть независимым, с семантически верной разметкой.

Дополнительные страницы

• Типовая страница статьи (блога).
• Типовая страница карточки продукта/услуги.
• Макеты или статичные версии этих страниц должны быть предоставлены.

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

• Адаптивность: Верстка должна корректно отображаться на мобильных устройствах, планшетах и десктопах.
• Чистота кода: HTML/CSS код должен быть написан аккуратно, с комментариями для основных блоков, для удобства дальнейшей интеграции.
• Подготовка для CMS: Верстка должна быть структурирована с учетом последующей посадки на ModX (логичное именование классов, разделение на повторяющиеся компоненты).
• Использование современных подходов (Flexbox/Grid).
• Оптимизация графики для веба.

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

• Архив с версткой всех указанных страниц (HTML, CSS, JS файлы, изображения).
• Код должен быть готов к передаче backend-разработчику для интеграции в ModX.