Евклид Проектные системы

Проект представляет услуги помощи на всех этапах строительства разнотипных проектов.

Технологии

Верстка Flexbox, соблюдение семантики
Методология БЭМ
Javascript, использование библиотеки Swiper, плагина Accordion
CSS-анимации
Обеспечение доступности сайта с помощью скринридера NVDA
“Резиновый” адаптив для любых устройств от 320px до 4K по ширине
Pixel Perfect на каждом брейкпоинте из макета
Проверка на кроссбраузерность
Произведена оптимизация сайта: HTML, JS и CSS — использованы минификаторы; загрузка шрифтов с помощью preload; оптимизированы изображения сервисом Squoosh(+ версии в формате WebP), подключены через тег picture. Отмечается выраженный прирост производительности по результатам тестирования в Lighthouse до и после всех манипуляций.

Слайдер в hero-блоке;
Табы в секции “Как мы работаем”;
Аккордеон в секции “Часто задаваемые вопросы”;
Открытие и закрытие бургер меню в мобильной и планшетной версиях лендинга;
Открытие и закрытие поля поиска по клику на кнопку-лупу в мобильной и планшетной версиях лендинга;

Создаем рабочую директорию с произвольным именем (например dev): mkdir <имя рабочей директории>;
Клонируем репозиторий в рабочую директорию, переходим в неё: cd <имя рабочей директории>;
Клонируем репозиторий: git clone https://github.com/339598u5uut/EVKLID.git; В рабочей директории должна появиться папка проекта EVKLID;
Переходим в папку с проектом: cd EVKLID, устанавливаем зависимости: npm install;
Запускаем проект при помощи Live Server.