Создание пошаговых инструкций по сборке корпусной мебели
Требуется разработать понятные и структурированные инструкции по сборке шкафов на основе существующих моделей. Необходимо адаптировать техническую информацию в удобный для пользователя формат.
Техническое задание: Верстка сайта-портфолио
Общая задача
Создание современного, адаптивного и семантического HTML/CSS/JS макета для сайта-портфолио. Работа включает верстку четырех страниц с последующей адаптацией под различные устройства.
Структура проекта
- Главная страница (index.html): презентация портфолио.
- Три внутренние страницы: детальное описание отдельных кейсов или проектов.
Технические требования
Адаптивность
- Реализовать три брейкпоинта (контрольные точки) для корректного отображения на разных устройствах (десктоп, планшет, мобильный телефон).
- Использовать mobile-first или desktop-first подход на усмотрение исполнителя.
- Готовый макет должен проходить проверку на основных разрешениях.
Функциональность на JavaScript
- Хедер: Реализовать динамическое поведение (например, изменение при скролле, фиксация).
- Выпадающее меню (дропдаун): Интерактивное раскрывающееся меню в хедере с плавной анимацией открытия/закрытия.
- Код должен быть чистым, комментированным и работоспособным.
Качество верстки
- Семантическая, валидная разметка HTML5.
- Чистый, организованный CSS (можно использовать препроцессоры по согласованию).
- Кроссбраузерная совместимость (современные версии Chrome, Firefox, Safari).
- Оптимизация графики и скорости загрузки.
Результат работы
Исполнитель предоставляет архив со всеми файлами проекта: HTML, CSS, JS, изображения, шрифты. Код должен быть готов к интеграции или дальнейшей разработке.