Responsive Restaurant Website Using Html CSS JavaScript

Responsive Restaurant Website Using Html CSS JavaScript

This video will show you how to Create a Responsive Restaurant Website Using Html CSS JavaScript

HI 👋
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel 👇

🔗 Essential links
-----------------------------

⏱️ Timestamps
-----------------------------
0:00 - Demo
5:37 - File structure
6:06 - Project initial
12:22 - Header
36:13 - Hero section
45:25 - Promo section
57:36 - About section
1:05:05 - Food menu section
1:23:25 - CTA section
1:28:26 - Delivery section
1:35:30 - Testimonials section
1:41:39 - Banner section
1:49:45 - Blog section
2:00:28 - Footer
2:18:49 - Media queries

💜 Like - Follow & Support
-----------------------------

⚠️ Disclaimer
-----------------------------
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

#codewithsadee
#responsivewebsite
#restaurantwebsite

[santiagocabral]

Hi bro! I hope you're reading this. I just wanted to congratulate you on the excellent work and the tremendous contribution you make to the beautiful world of web development. Your videos, including this one, have inspired and helped me tremendously in further refining my skills in this profession. As a freelancer, I am currently funding my studies through this. I will be forever grateful to you for all the assistance. Greetings from Argentina!

[crazydevil]

Few days ago I found this channel and I'm already loving your web designs . Keep up the good work

[IslamicHarmonyChannel]

Peace be upon you!
I am a professional front end developer and I found your work clean, beautiful and your dedication is unmatched MashaAllah.

I pray for your success

[transzogaming]

Hii, sadee, it's transzo again, it's pleasure to be part of your content, thanks men, you help lot of to grow knowledge

[michaelraymondlegg]

best tut ive seen on youtube ill be completing this when im home from holiday, its clean design will learn alot from this thanks

[al-ameenbabawale]

This is super awesome, it’s no doubt that you are an amazing tutor and a developer. Much respect Sadee!!❤️

[varunsalat]

with your projects I will definitely get a job as a frontend developer 🙈🙈 thank you 😊😇😇

[christopherarias]

U have won a new subscriber, u r the best. Keep improving <3

[michaellegg]

one of the best ive found, simple and effective designs and fast tutorial straight to the point, keep up the good work. ive just enrolled on code institute for a full stack dev. so hopefully be learning lots and lots. peace out brother

[niteshprajapat]

Thank you Sir ❤, as always your work is top-notch and insane 🔥

[killerbidk]

All is missing on many of your websites mostly this one and the grilli one is a scrolling animations frames would be good if u upload new website with them and I appreciate your work a lot thank you

[NacerCoder]

Thank you so much sir.
Can make another website where you use just semantic html.
I want to know what content does the header element contains?

[michaelraymondlegg]

.footer-top::after drags the search, burger and up arrow along with it, increasing the content in width. How to fix it?

.footer-top {
position: relative;
padding-block: 120px;
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
border-block-end: 2px solid var(--independence_30);
overflow: hidden;
}

this will fix your mobile view problem when the header `search, burger, and backtotopbutton` moving to the left.

[jay]

2:18:48, At the bottom right, How do you brought in that mini live preview of desktop version?

Nice content, thank you. On larger monitor, the hero burger is out.

[pavandhage]

Thank you sir for this amazing tutorial .

[michaelraymondlegg]

only bit that didnt work for me is the bike on scroll :( i tried multiple times can anyone help?

[true_rOux]

Hey! Great job. I noticed one nuance: .footer-top::after drags the search, burger and up arrow along with it, increasing the content in width. How to fix it?

[youvdz]

I really like ur work
Can u do for us a new Vedio with react js

[ramendrasoni]

How many time you will let me say that you are amazing👏👏👏👏👏👍👍👍👍👍👍👍