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.
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
swiper.js
https://swiperjs.com/
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Roboto
Subscribe: https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw
#html #css #javascript