Complete Responsive Food/Restaurant Website Using HTML/CSS/JQUERY - Step By Step

complete responsive website design using html5, css3, jquery, and javascript from scratch.
complete responsive food/restaurant website tutorial for beginners.
how to make complete responsive website using html, css, jquery / javascript step by step.

the main feature of this website are:

✔ responsive sticky header with scroll spy and double header effect.
✔ responsive home / hero section with wave / cloud animation
✔ responsive about section using flexbox
✔ responsive dishes section with image filter effect
✔ responsive chef section with team card hover effect
✔ responsive specialty section using flexbox
✔ responsive newsletter section
✔ responsive footer section using flexbox.

* SOURCE CODES *

DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):

fonts are from google fonts:

font awesome cdn link:

jquery cdn link:

New To My Channel Subscribe Now And See More Stuff Like This:

TimeStamps:

0:00 demo
6:52 file structure
8:15 header / navbar section
18:10 home hero section
21:50 wave / cloud animation
23:05 about section
27:52 sticky header / navbar
29:03 scroll spy
31:05 dishes section
38:33 chef section
43:45 specialty section
49:54 newsletter section
53:54 footer section
1:00:28 mobile first

#FoodWebsite
#CompleteWebsite
#ResponsiveWebsite
#MobileFirst
#foodWebsite
#restaurantWebsite
#HTML5
#CSS3
#JQUERY
#Javascript
#WebDevelopment
#WebsiteDesign

[ignasisallent]

Simply extraordinary design . Keep on.

[shubhankarkanchan]

at this 16:41 i did the same thing but mine is not working please help out

[abhishekporwal]

Specility ke bad direct cut krke aapne newletter wala show kiya he ?

[saratchandraparida]

Please start the web development course

[nashaatsalah]

ok i make my order and everything then what ? how i pay for my food form? and where to set any additions to my food form ? my dear dear friend you doing stunning work realy but always uncompleted it just for play on my pc its not useful or helpful if i want make it a live site to my project in real life please take care about those notice coz simply it is very hard to take a job from you and complete it from other one job right? i pray to Allah you got my point in right side

[maisthaher]

How I can add the price for specific element ?

[Persis-]

Can I get all of those same pics.... How to get them

[mastscene]

Hello sir please create a blogspot blogger template ❤️❤️

[ajithyadagiri]

Can you tell how to learn html and css and java script

[divyeshparmar]

How, it's responsive without media queries

[atufashamsi]

Just one suggestion please don't add music it distracts and if u can try explaining some points. It would be great

[abdalrzakal-mustafa]

Also me :
Just one suggestion please don't add music it distracts and if u can try explaining some points. It would be great

[shaikmohammedjunaid]

I've been watching your videos from few weeks and I want to develop a web application. Currently I've moderate knowledge on html css javascript bootstrap. Your guidance would be appreciated. Can you please provide your contact details of any platform to communicate with you.