how to make complete responsive grocery website design using html css and javascript .

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


the main feature of this website are:
✔ responsive header / navbar with search form / shopping cart toggle navbar menu and login form effect using vanilla javascript.
✔ responsive home section using css flexbox.
✔ responsive featured card section using css grid.
✔ responsive product card section with touch slider using css swiper.js
✔ responsive category card section using css grid.
✔ responsive testimonial section with touch slider using css swiper.js
✔ responsive blogs card section using css grid.
✔ responsive footer section using css grid.

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE:
https://drive.google.com/drive/folders/1J5e29VF32-WTeEhuWQU-VAai0sDe0vui?usp=sharing

youtube channel:
https://www.youtube.com/channel/UC3dBGDYGj12TIhfxFgusbCQ

Facebook page
https://www.facebook.com/CodeN-109353205034087/