how to make a complete responsive online grocery store website design using html css and vanilla javascript from scratch.
create a complete responsive online food / grocery store / ecommerce website design using html css and javascript.
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.
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1FhObyXk1PH2uJJjpS2wJZQZ4ExkyahZx/view?usp=sharing
/>
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Nunito?query=nunito
/>
images are from freepik:
https://www.freepik.com/
New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw
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
#frontEnd
#GroceryStore
#CompleteWebsite
How you add Groco logo in 1st line ?
Anyone know How to make this types thumbnail
Can I use this for my business.
I'll change something in this website.
Kya app allow karogi mujha😔
can someone explain the countdown code to me pls.
What does the span element do?
Sir can you please tell which application have you used to work on website
Sir isme category me upar menu (header) me dropdown list kaise add karna hai?
Sir I didn't understand how the Category,Home etc are working
Sir I didn't understand how you create the Onclick events on the menu
Nice work