how to create a complete responsive food / restaurant website design using html css and vanilla javascript.
create a complete responsive online food / restaurant website design template using html css and vanilla javascript step by step.
the main feature of this website are:
✔ responsive header / navbar with toggle menu bar effect.
✔ responsive home section using flexbox.
✔ responsive specialty section with hover effects using flexbox.
✔ responsive popular product card section using flexbox.
✔ responsive image gallery with hover effect section using flexbox.
✔ responsive steps section using flexbox.
✔ responsive review card section using flexbox.
✔ responsive order contact form section using flexbox.
✔ responsive footer section.
✔ loading animation with fadeout effect using javascript.
✔ scroll to top button using javascript.
Buy Me A Coffee :
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
font awesome cdn link:
google fonts:
images are from freepik:
New To My Channel Subscribe Now And See More Stuff Like This:
timestamps:
0:00 demo
5:01 file structure
5:51 header section
12:49 home section
17:30 specialty section
22:23 popular section
26:30 steps section
29:10 gallery section
32:48 review section
35:55 order section
40:14 footer section
41:51 scroll top
43:50 loader
45:11 final demo
#FrontEnd
#FoodWebsite
#CompleteWebsite
thank you so much
perfect bro I enjoyed
Thanks for teaching great CSS.
bro every flex will be 40 instead of 30
The Best Chanel
wts name in bg muzic ?
1:50
Sir please make full stack website
its always loading anyone know how to fix?
amazing ………….! You are a master
which app do you use for this?
12:37 why JS not working (Icon not changing) 😕
Did you have to pay for copy right of the UI theme or you was designed it ?
Coding Music 🎶❤️
description is not available please enter the link
I have a question?
People can order tha food from this food website?
Lmao you're so fast man wtf 😂
HI Mr. Web Design. I've been following you for some time and I'm excited. All what you present are excellent designs and, above all, inspiration for new designs. But since I am an absolute newcomer to the subject of web design, HTML and PHP, I would think it would be great if you could show from time to time how I can build a closed member area, or send e-mails or even better tips, for example for an autoresponder script. But all in ONE, you are a great inspiration and I will follow you as long as you can inspire me. I think this will never end.
U r grest great sir
mr.webdesigner, my loader keeps on loading and not getting cleared.why is it so? Can you help me with that?
thank you <3
I need backend of the food ordering website where should I get
took two days to complete
amazing work
thanks Mr.web designer
I can't download it.Fils is unsupported
Sir, Can You Explain Flex:1 1 30rem.Please..
Thank you bro could you pls share all images google links pls
thankuuu so much it came nice but how to get the order details
❣
U given link in description pics are blur
css not working how to do??
why is it the CSS doesn't show, i mean the responsive of js and html is okay but the CSS doesn't show anymore.
hope u will notice
Such a pretty and clean project !! I loved it and learned some new skills too !! Thank you Sir!
Sir it's very helpful and amazing project for me can I edit it completely and use for my last year project