Learn how to make a complete responsive online grocery store website design using html css and vanilla javascript from scratch.

the main feature of this website are:

✔ responsive sticky double header / navbar with toggle menu bar effect.
✔ responsive home section using flexbox.
✔ responsive banner card section using flexbox.
✔ responsive category card section using flexbox.
✔ responsive product card section using flexbox.
✔ responsive deal section with count down effect using javascript.
✔ responsive contact section using flexbox.
✔ responsive newsletter section.
✔ responsive footer section using flexbox.

timestamps:
0:00 demo
5:15 file structure
6:05 header section
18:28 home section
21:22 banner section
24:07 category section
27:34 product section
36:16 deal section
43:46 contact section
47:14 newsletter section
50:00 footer section
54:33 final demo

• SOURCE CODES *

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):

https://drive.google.com/file/d/1FhOb…

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

google fonts:
https://fonts.google.com/specimen/Nun…

images are from freepik:
https://www.freepik.com/

Subscribe: https://www.youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw/featured

#html #css #javascript