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

Общая информация

Необходимо выполнить качественную, pixel-perfect верстку лендинг-страницы на основе предоставленного макета. Основной фокус - на адаптивность, производительность и чистоту кода.

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

1. Выходные материалы

• HTML-файл с семантической разметкой.
• CSS-файл с организованными стилями.
• JavaScript-файл (или jQuery) с необходимой логикой.

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

• Верстка должна корректно отображаться на мобильных устройствах, планшетах и десктопах.
• Обязательно использование медиа-запросов для создания отзывчивого интерфейса.

3. Кроссбраузерная совместимость

• Корректная работа и отображение во всех современных браузерах: Chrome, Firefox, Safari, Edge.

4. Качество кода

• Чистый, структурированный и хорошо прокомментированный код.
• Обязательное использование семантических тегов HTML5.

5. Оптимизация и производительность

• CSS и JavaScript должны быть оптимизированы для быстрой загрузки.
• Необходимо минимизировать количество HTTP-запросов.
• Все сторонние библиотеки должны храниться локально, использование CDN не допускается.

Требования к исполнителю

• Опыт работы с HTML, CSS, JavaScript.
• Понимание принципов интеграции верстки с backend-системами.
• Глубокие знания в области адаптивной верстки и современных frontend-технологий.

Референс

Ожидаемый уровень качества верстки должен быть не ниже, чем у современных адаптивных лендингов.