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

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

Технологии

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

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

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

Установка

1. Создаем рабочую директорию с произвольным именем (например dev): mkdir <имя рабочей директории>;

2. Клонируем репозиторий в рабочую директорию, переходим в неё: cd <имя рабочей директории>;

3. Клонируем репозиторий: git clone https://github.com/339598u5uut/EVKLID.git; В рабочей директории должна появиться папка проекта EVKLID;

4. Переходим в папку с проектом: cd EVKLID, устанавливаем зависимости: npm install;

5. Запускаем проект при помощи Live Server.

Перейти в проект: GitHubPages

---