how to make total responsive online grocery site design using html css and vanilla javascript from scratch.
produce a total responsive e-commerce supermarket website style template utilizing html css and javascript for novices.
the main feature of this website are:
responsive header/ navbar with search form/ shopping cart toggle navbar menu and login type impact utilizing vanilla javascript.
responsive house section using css flexbox.
responsive featured card area utilizing css grid.
responsive product card area with touch slider using css swiper.js
responsive category card section utilizing css grid.
responsive testimonial section with touch slider using css swiper.js
responsive blog sites card area utilizing css grid.
responsive footer section using css grid.
Purchase Me A Coffee:
https://www.buymeacoffee.com/mrwebdesigner
* SOURCE CODES *
https://www.buymeacoffee.com/mrwebdesigner/e/114362g
swiper.js link:
https://swiperjs.com/
font style remarkable cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Nunito?query=poppins
Editor: – visual studio code with Laetus: Dark Vibrant Style
Browser: – google chrome
Images/ Video/ SVG: –
01 – https://www.freepik.com/
02 – https://storyset.com/
03 – https://pixabay.com/
04 – https://unsplash.com/
05 – https://pixabay.com/
UI Tool: – Figma
New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw
Timestamp:
0:00 demonstration
4:31 file structure
5:39 header area
33:04 home section
36:08 functions section
41:35 items area
50:53 categories area
54:36 evaluation section
59:36 blogs area
1:04:19 footer section
1:13:12 final demo
#FrontEnd
#GroceryStore
#CompleteWebsite
Source