R50 018f8e4a39edadc106ff8892cf3c03b8
Web разработчик

Адаптивная вёрстка интернет магазина по продаже сноубордов

Добавлено 28 янв 2024 в 16:59
Делал работу по макету Figma. Ссылка на макет:
https://www.figma.com/file/HvN3BrA9bOftQ0m8uyB3LB/%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%B7%D0%B8%D0%BC%D0%B0-(Copy)?type=design&node-id=1284-442&mode=design&t=tNXX0PNNsQmLYbQZ-0

Ссылка на работу:
Главная:
https://denisvip777.github.io/Shop_Bord/index.html

Каталог:
https://denisvip777.github.io/Shop_Bord/Catalogue.html

Каталог бренда:
https://denisvip777.github.io/Shop_Bord/Catalogue-brend.html

Каталог вариант 3:
https://denisvip777.github.io/Shop_Bord/Catalogue-lvl3.html

Каталог вариант 4:
https://denisvip777.github.io/Shop_Bord/Catalogue-lvl4.html

Карточка товара:
https://denisvip777.github.io/Shop_Bord/%D0%9A%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA%D0%B0%20%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%B0.html

Карточка товара вариант 2:
https://denisvip777.github.io/Shop_Bord/%D0%9A%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA%D0%B0%20%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%B0%20lvl_2.html

Карточка товара цена со скидкой:
https://denisvip777.github.io/Shop_Bord/%D0%9A%D0%B0%D1%80%D1%82%D0%BE%D1%87%D0%BA%D0%B0%20%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%B0%20price_discount.html

Работа сделана на HTML, CSS, JS, Flexbox, Grid, библиотека FA-icons(добавлены иконки Fontavesome), для некоторых иконок сформировал иконочный шрифт. Сделал несколько Popup-ов, несколько слайдеров, сделал кастомные checkbox и radio кнопки, табы, и несколько спойлеров, а также ползунки цен в фильтре товаров. Добавил видео с превью-картинками. Сделал меню бургер и адаптив под мобильные устройства до 320px.

Магазин надёжный, адаптивный и кроссбраузерный, готов к посадке на любую CMS.

Делал работу 8 дней. Примерная стоимость 700$.
7abaa5c057