tyt34 / lpm-komplex

Титульная страница для компании ЛПМ-Комплекс

Титульная страница для компании ЛПМ-Комплекс

Описание

• Данным сайтом предполагалось заменить текущую страницу компании ЛПМ-Комплекс по адресу - http://complex-light.ru/
• Верстка макета Figma. В процессе верстки отходил от значений указанных в макете.
• Дизайн сайта тоже мой. Макет в формате CDR и PNG в оттельных ветках.
• Каждый блок сверстан адаптивно.

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

• Меню реализовано через "бургер меню". Кнопка меню закреплена в верхнем правом углу страницы. Бургер меню расскрывается на всю страницу.
• Наличие слайдера с лучшими изделиями компании на всю страницу. При наведение курсора перелистование останавлиавется. Скрипт ./scripts/roof.js (код не мой).
• Картинки с ссылками на виды работ и специализацию компании черно-белые. Если навести курсор то будут цветные.
• Адаптивный слайдер блока "наши партнеры". При ширине экрана 320px одна компания на экране. При 768px две. При 816px три. Скрипт ./scripts/partner.js.
• Адаптивный блок с оборудованием компании. Размер картинок и блока, который поверх картинки, пропорционален ширине экрана. Скрипт ./scripts/tech.js.

Планы по доработке

• Сделать более привлекательную верстку для сотового телефона. Ожидал, что мой сотовый телефон будет открывать страницу на разрешение 320px, но это не так.
• Реализовать панель для выбора цветового дизайна. Изначально было четыре цветовых схемы для сайта. В данной момент реализован один.
• Реализовать более плавное закрытие меню. Предполагается разделить операцию на несколько этапов.

Запуск приложения

1. открыть ./index.html

---

Ссылка на макет в Figma.

Ссылка на готовый проект.