Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

Responsive Burger Website Design Using HTML / CSS / SASS / JavaScript From Scratch

85.2K views on YouTube

how to make a complete responsive single page burger / fast food / restaurant website design using html css / sass and vanilla javascript step by step.
create complete responsive animated burger website design template using html css and vanilla javascript tutorial for beginners.

the main feature of this website are:
✅ responsive home section.
✅ responsive service section using grid.
✅ responsive service section using grid.
✅ responsive menu section using grid.
✅ responsive about section using flex.
✅ responsive reviews section using grid.
✅ responsive contact section using flex.
✅ responsive blogs section using grid.
✅ responsive footer section.

* SOURCE CODES *
https://www.buymeacoffee.com/mrwebdesigner/e/133244

AOS github:
https://github.com/michalsnik/aos

AOS website:
https://michalsnik.github.io/aos/

font awesome cdn link:
https://cdnjs.com/libraries/font-awesome

google fonts:
https://fonts.google.com/specimen/Raleway

Editor : – visual studio code with Laetus: Dark Vibrant Theme
Browser : – google chrome
UI Tool : – Figma
Images / Video / SVG : –
01 – https://www.freepik.com/
02 – https://storyset.com/
03 – https://undraw.co/
04 – https://pixabay.com/
05 – https://unsplash.com/
06 – https://pixabay.com/
07 – https://www.flaticon.com/
08 – https://pngtree.com/
09 – https://www.pngegg.com/

New To My Channel Subscribe Now And See More Stuff Like This:
https://www.youtube.com/c/MrWebDesignerAnas

Timestamp:
0:00 demo
2:39 file structure
3:52 header
24:34 home
29:33 service
32:56 menu
38:28 about
43:36 reviews
47:08 contact
55:43 blogs
1:01:16 footer
1:04:51 AOS
1:09:43 final demo

#FrontEnd
#BurgerWebsite
#SinglePage