[ad_1]
https://i.ytimg.com/vi/WfLZKrm3MfI/hqdefault.jpg
In this video, I will show you how to create a responsive restaurant website design using HTML, CSS, and JavaScript.
Create a complete responsive restaurant one-page website design tutorial for beginners using HTML, CSS, and vanilla javascript.
The main feature of this website are:
✔ responsive header with toggle menu effect using vanilla javascript.
✔ responsive home section using css flexbox.
✔ responsive about section using css flexbox.
✔ responsive meal section using css flexbox.
✔ responsive gallery section using css grid.
✔ responsive menu section using css flexbox.
✔ responsive order form using css flexbox.
✔ responsive blogs section with touch slider using swiper.js.
✔ responsive footer section using css grid.
Source Code: https://bit.ly/3APBZoC
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Pop…
clip-path generator:
https://bennettfeely.com/clippy/
Editor : visual studio code
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/
New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/channel/UCeJT6yLX8vBOELUP9qeTGNA/videos
#FrontEnd
#FoodWebsite
#SinglePage
#RestaurantWebsite
Original source
One response to “Create A Responsive Restaurant Website Design Using HTML – CSS – JAVASCRIPT”
Great tutorial. I have quesion. On 22:25 Why did you put hover thing on top of main elements ?