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 source code:
https://github.com/abdelrhmany65/Grocery-S...
youtube channel:
/ @coden2
Facebook page
https://www.facebook.com/CodeN-10935320503...
Timestamps:
0:00 intro
3:52 file structure
4:23 Header
33:01 section home
37:54 features
44:32 products
52:22 categories
56:15 section review
1:00:51 section blog
1:05:47 footer
1:14:48 end demo
fonts : https://fonts.google.com/
icons : https://fontawesome.com/
images of : https://www.pexels.com/
Editor : - visual studio code with Laetus: Dark Vibrant Theme.
Browser : - google chrome.
#coden
#frontend
#responsivewebsite
#singlepage
#loginpage
#html
#css
#beach
#egypt
#javascript
#python
#wordpress
#website
#WebDevelopment