Complete Responsive Food / Restaurant Website Design Using HTML CSS JAVASCRIPT - Mobile First Design



Published
In this video we wil learn how to make complete responsive food / restaurant website design using html css and vanilla javascript.
We will create a mobile first food responsive design using html css and javascript. The mobile first design is easy to make and we will leran how to make responsive food website design from scratch.

the main feature of this website are:
✔ responsive header / navbar with toggle menu bar effect.
✔ responsive home section with touch slider using splide.js
✔ responsive dishes card section using grid.
✔ responsive about section using grid.
✔ responsive menu card section using grid.
✔ responsive team section using grid.
✔ responsive contact us form section.
✔ responsive footer section using grid.
✔ scroll bar design.
✔ responsive loader page.

Link for code and images:
https://bit.ly/3NxoPPM

splide js:
https://splidejs.com/

font awesome link:
https://fontawesome.com/

Google fonts:
https://fonts.google.com/share?selection.family=Dancing%20Script:[email protected]%7CLato:[email protected];400;700;900

Timestamps:
0:00 Demo
01:35 File Structure
01:50 Set up The Page
03:13 Header Section
14:45 Home Section
20:00 Dishes Section
26:25 About Section
29:55 Team Section
34:49 Menu Section
40:27 Contact Us Section
50:30 Footer Section
55:04 Scroll Bar
55:55 Scrollspy
57:58 Loader Section
1:00:13 Final Demo

Please Don't forget to Like, Share And Subscribe.
Thank You.

#html #css #css3 #javascript #js #html5 #tutorial #tutorials #htmltutorial #programming #csstutorial #javascripttutorials
Category
Web design
Be the first to comment