Титульная страница для компании ЛПМ-Комплекс
Описание
- Данным сайтом предполагалось заменить текущую страницу компании ЛПМ-Комплекс по адресу - http://complex-light.ru/
- Верстка макета Figma. В процессе верстки отходил от значений указанных в макете.
- Дизайн сайта тоже мой. Макет в формате CDR и PNG в оттельных ветках.
- Каждый блок сверстан адаптивно.
Функциональность
- Меню реализовано через "бургер меню". Кнопка меню закреплена в верхнем правом углу страницы. Бургер меню расскрывается на всю страницу.
- Наличие слайдера с лучшими изделиями компании на всю страницу. При наведение курсора перелистование останавлиавется. Скрипт
./scripts/roof.js(код не мой). - Картинки с ссылками на виды работ и специализацию компании черно-белые. Если навести курсор то будут цветные.
- Адаптивный слайдер блока "наши партнеры". При ширине экрана 320px одна компания на экране. При 768px две. При 816px три. Скрипт
./scripts/partner.js. - Адаптивный блок с оборудованием компании. Размер картинок и блока, который поверх картинки, пропорционален ширине экрана. Скрипт
./scripts/tech.js.
Планы по доработке
- Сделать более привлекательную верстку для сотового телефона. Ожидал, что мой сотовый телефон будет открывать страницу на разрешение 320px, но это не так.
- Реализовать панель для выбора цветового дизайна. Изначально было четыре цветовых схемы для сайта. В данной момент реализован один.
- Реализовать более плавное закрытие меню. Предполагается разделить операцию на несколько этапов.
Запуск приложения
- открыть
./index.html