Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

How To Make A Responsive E-Commerce Website Design Using HTML CSS And JAVASCRIPT From Scratch

77.8K views on YouTube

how to make a complete responsive ecommerce website design using html css and vanilla javascript from scratch.
create a complete responsive nike shoes ecommerce website design using html css and javascript step by step.
create an online store nike shoes website design for front end

the main feature of this website are:
✔ responsive header / navbar with toggle menu bar effect.
✔ responsive home section with animated slider effect using pure vanilla javascript.
✔ responsive service section using flexbox.
✔ responsive product card section with hover effect using flexbox.
✔ responsive featured products card section using flexbox and javascript.
✔ responsive review box section using flexbox.
✔ responsive newsletter section.
✔ responsive footer section using flexbox.

* SOURCE CODES *
https://www.buymeacoffee.com/mrwebdesigner/e/137523

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome

google fonts:
https://fonts.google.com/specimen/Nunito?query=nunito

New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw

timestamps:
0:00 demo
5:22 file structure
6:21 header section
13:37 home section
24:37 service icons section
26:41 product section
33:52 featured products section
41:34 review section
44:18 newsletter section
46:53 footer section
50:18 final demo

#FrontEnd
#ECommerce
#WebsiteDesign