Техническое задание: Верстка сайта-портфолио

Общая задача

Создание современного, адаптивного и семантического HTML/CSS/JS макета для сайта-портфолио. Работа включает верстку четырех страниц с последующей адаптацией под различные устройства.

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

• Главная страница (index.html): презентация портфолио.
• Три внутренние страницы: детальное описание отдельных кейсов или проектов.

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

Адаптивность

• Реализовать три брейкпоинта (контрольные точки) для корректного отображения на разных устройствах (десктоп, планшет, мобильный телефон).
• Использовать mobile-first или desktop-first подход на усмотрение исполнителя.
• Готовый макет должен проходить проверку на основных разрешениях.

Функциональность на JavaScript

• Хедер: Реализовать динамическое поведение (например, изменение при скролле, фиксация).
• Выпадающее меню (дропдаун): Интерактивное раскрывающееся меню в хедере с плавной анимацией открытия/закрытия.
• Код должен быть чистым, комментированным и работоспособным.

Качество верстки

• Семантическая, валидная разметка HTML5.
• Чистый, организованный CSS (можно использовать препроцессоры по согласованию).
• Кроссбраузерная совместимость (современные версии Chrome, Firefox, Safari).
• Оптимизация графики и скорости загрузки.

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

Исполнитель предоставляет архив со всеми файлами проекта: HTML, CSS, JS, изображения, шрифты. Код должен быть готов к интеграции или дальнейшей разработке.