Create A Responsive Multipage Grocery Store Website Design [ HTML CSS / SASS JavaScript ]

how to make a complete responsive multi pages online grocery store website design using html css / sass / scss and vanilla javascript step by step.
create a complete responsive multi-pages online grocery store website design template using html css / sass and vanilla javascript from scratch.

the main feature of this website are:
✅ responsive header with search form / shopping cart / login form and navbar toggle effect using vanilla javascript.
✅ responsive header section with slider and next and previous buttons using vanilla javascript.
✅ responsive banner section using css grid.
✅ responsive category section using css grid.
✅ responsive products section using css grid.
✅ responsive about section using css flexbox.
✅ responsive gallery section using css grid.
✅ responsive review card section using css grid.
✅ responsive blogs section using css grid.
✅ responsive contact form section using css grid and flexbox.
✅ responsive footer section using css grid.

* SOURCE CODES *

font awesome cdn link:

google fonts:

Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
UI Tool : - Figma
Images / Video / SVG : -

New To My Channel Subscribe Now And See More Stuff Like This:

Timestamp:
0:00 demo
7:35 file structure
8:41 header section
27:24 footer section
34:12 home section
42:26 banner section
44:43 category section
49:20 products section
54:14 about section
56:09 gallery section
59:04 info section
1:01:05 review section
1:03:47 blogs section
1:08:13 contact section
1:14:01 final demo

#FrontEnd
#GroceryStore
#MultiPages

[chideraadu-barnabas]

Now I'm very confident in my CSS skills because of you. Thank you so much!

[FranciscoJunior]

I would like to congratulate you on your excellent work. I'm a regular follower of the channel and I've learned a lot and this has helped me to be a better developer because although I have a solid knowledge in PHP and Javascript, I still need to qualify in CSS. If I can place an order I would like to see an example of a job portal, I've seen several on the internet but none with the quality you print on your jobs. Thank you so much for sharing your knowledge with us. A big hug.

[jonathana.]

you could record creating the project in figma too, i love your work

[sonalkumari]

Superb
Please make a project which include backend and database too ..so in short a full stack project

[atulcodex]

Bhai please only core CSS ke sath bhi projects bana liya karo yaar, baaki aapki video se bahot kuchh sikhne ko mil jata hai :)

[nguyenviethoang]

thank you so much ! Your works inspired me a lot. Keep up the great work 😍

[cncmachinistaartist]

am a new subcriber on your channel trying to learn on your style of codding.. subrang the best lahat... you are my lodi now.

[giocar]

You are simply the best! Thank you from Belgium.

[sabbirswag]

Bro I'm really appreciate it. We want to complete e-commerce website. Front-end and Back-end

[jonathanchen]

Pretty good design, big thumb ! Thanks for sharing

[cryptoboy]

Great effort! Beautiful website! You are the best! Keep up the good work ❤

[appiahkubiderrick]

Thanks a lot. But please if you could go a step further and add voice overs to your videos, it would go a long way in helping us.

[codelikeacow]

0:47 The items in your slider-container do not have the same height, each time the slider is active. that's not a good enough UX. Sorry, my english is not good. Does that make any sense?

[welcomehavefun]

I love your work bro, , they are beautiful & colourful....your work really inspire me

[taqyathallahxtkj]

Thanks sir this makes my reset easier...

[CoderAdi]

hey i copied the same but at 10:20 i am seeing no change in the font that you just imported from google poppins font family

[davidadu-tenkorang]

You really made the work very easy. thumbs up👌

[katlegomatamela]

This is beautiful. You are too good. 👌

[lailakhan]

Muje koe batay ye jo nav bar banai he ye ek hi html me he ya alag alag html page me navbar ki he or phr css ki link attached ki he hr ek hyperlink mtlb home shop blog is kliye alag muje banana he

[thesanascreations]

sir your work is so amazing lekn sir please en project pe database b create karna sikha den its a request plz