Техническое задание: Верстка адаптивного лендинга
Ключевая задача
Разработать и сверстать адаптивный (кроссбраузерный и корректно отображающийся на всех устройствах) одностраничный сайт (лендинг) для последующей передачи в разработку и посадки на систему управления контентом ModX.
Структура проекта
Основная страница (Лендинг)
- Верстка должна включать 11 логических блоков (секций).
- Каждый блок должен быть независимым, с семантически верной разметкой.
Дополнительные страницы
- Типовая страница статьи (блога).
- Типовая страница карточки продукта/услуги.
- Макеты или статичные версии этих страниц должны быть предоставлены.
Технические требования
- Адаптивность: Верстка должна корректно отображаться на мобильных устройствах, планшетах и десктопах.
- Чистота кода: HTML/CSS код должен быть написан аккуратно, с комментариями для основных блоков, для удобства дальнейшей интеграции.
- Подготовка для CMS: Верстка должна быть структурирована с учетом последующей посадки на ModX (логичное именование классов, разделение на повторяющиеся компоненты).
- Использование современных подходов (Flexbox/Grid).
- Оптимизация графики для веба.
Результат работы
- Архив с версткой всех указанных страниц (HTML, CSS, JS файлы, изображения).
- Код должен быть готов к передаче backend-разработчику для интеграции в ModX.