Fast Food Website Design: HTML, CSS & JS

how to make a complete responsive food / restaurant website design using html css and vanilla javascript step by step.
create a complete responsive restaurant website design template using html css and vanilla javascript tutorial for beginners.

the main feature of this website are:
✅ responsive header with toggle menu effect using vanilla javascript.
✅ responsive home section with touch slider using swiper.js
✅ responsive about section using flexbox.
✅ responsive food / products section with touch slider using swiper.js.
✅ responsive image gallery section with lightbox gallery effect.
✅ responsive menu section with touch slider using swiper.js.
✅ responsive order form section using flexbox.
✅ responsive blogs / news / post card section with touch slider using swiper.js
✅ responsive footer section using css grid.
......................................................
Free Source Code:
https://www.samiullah.live/2024/10/ho...
......................................................
Source Code:
https://www.patreon.com/posts/foodman...
.............................................
WhatsApp channel
https://whatsapp.com/channel/0029VaDy...
................................................................
Download Starter Files:
https://drive.google.com/drive/folder...
-----------------------------------
Intro (0:00)
Variable Section (0:25)
Nav Section (4:35)
Header Section (8:07)
Special Section (12:08)
Explore Section (21:01)
Banner Section (24:26)
Chef Section (31:50)
Client Section (37:44)
Footer Section (45:35)
Responsive Section (51:42)
JS File (57:15)
Final Result (1:00:15)
...........................................

Like - Follow & Subscribe us :)