World of Cosmetics - Сайт сети магазинов профессиональной косметики

HTML-верстка
18 просмотров
27.06.2025
2880×1440907 КБ
ui.dev_amiresponsive.png
2880×1440645 КБ
ui.dev_amiresponsive (1).png
2880×1440622 КБ
ui.dev_amiresponsive (2).png
2880×1440712 КБ
ui.dev_amiresponsive (3).png
2880×1440563 КБ
ui.dev_amiresponsive (4).png
2880×1440482 КБ
ui.dev_amiresponsive (5).png
2880×1440927 КБ
ui.dev_amiresponsive (6).png
2880×1440697 КБ
ui.dev_amiresponsive (7).png
2880×14401 МБ
ui.dev_amiresponsive (8).png

Многостраничный интернет-магазин с каталогом товаров для сети магазинов профессиональной косметики. Сайт создан по макету из Figma с нуля, с вниманием к адаптивности, скорости загрузки и удобству навигации.

🛠 Технологии: HTML, SCSS (BEM), JavaScript
⚙️ Сборка: Gulp, Webpack, Babel, Autoprefixer, Browserslist
📚 Библиотеки:
– Swiper (слайдеры)
– Choices (кастомные селекты)
– noUiSlider (фильтры по цене)
– Simplebar (кастомный скроллбар)

Что реализовано вручную:
– Адаптивная вёрстка
– Бургер-меню и выпадающее меню
– Модальные окна
– Кроссбраузерность
– Семантический, валидный код
– Оптимизация изображений и SVG
– Создание SVG-спрайта
– Минификация HTML, CSS и JS

🔗 Посмотреть сайт