How To Make A Responsive E-Commerce Fashion Website Design Using [ HTML CSS JS ] - From Scratch
63.9 هزار بار بازدید -
3 سال پیش
-
create a complete responsive e-commerce
create a complete responsive e-commerce website design template using html css and vanilla javascript.
how to make a complete responsive fashion e-commerce website design with dark and light theme toggle effect using vanilla javascript.
the main feature of this website are:
✔ responsive header / navbar section with search bar.
✔ dark and light mode toggle effect using vanilla javascript.
✔ responsive home section using flexbox.
✔ responsive category card section with hover effects using flexbox.
✔ responsive product touch slider section using swiper.js.
✔ responsive deal section with count down effect using vanilla javascript.
✔ responsive review touch slider section using swiper.js.
✔ responsive footer section using flexbox.
* SOURCE CODES *
https://www.buymeacoffee.com/mrwebdes...
swiper.js
https://swiperjs.com/
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Roboto
New To My Channel Subscribe Now And See More Stuff Like This:
@mrwebdesigneranas
timestamps:
0:00 demo
5:13 file structure
6:04 header section
14:58 navbar section
19:51dark/light mode
21:23 home section
24:43 category section
28:15 products section
39:42 featured products section
47:38 deal section
54:29 review section
59:17 footer section
1:03:27 final demo
#FrontEnd
#ECommerce
#FashionWebsite
how to make a complete responsive fashion e-commerce website design with dark and light theme toggle effect using vanilla javascript.
the main feature of this website are:
✔ responsive header / navbar section with search bar.
✔ dark and light mode toggle effect using vanilla javascript.
✔ responsive home section using flexbox.
✔ responsive category card section with hover effects using flexbox.
✔ responsive product touch slider section using swiper.js.
✔ responsive deal section with count down effect using vanilla javascript.
✔ responsive review touch slider section using swiper.js.
✔ responsive footer section using flexbox.
* SOURCE CODES *
https://www.buymeacoffee.com/mrwebdes...
swiper.js
https://swiperjs.com/
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Roboto
New To My Channel Subscribe Now And See More Stuff Like This:
@mrwebdesigneranas
timestamps:
0:00 demo
5:13 file structure
6:04 header section
14:58 navbar section
19:51dark/light mode
21:23 home section
24:43 category section
28:15 products section
39:42 featured products section
47:38 deal section
54:29 review section
59:17 footer section
1:03:27 final demo
#FrontEnd
#ECommerce
#FashionWebsite
3 سال پیش
در تاریخ 1400/04/22 منتشر شده
است.
63,954
بـار بازدید شده