Complete Responsive Website Designs - Create A Responsive Food / Restaurant Website Design Using HTML / CSS / JAVASCRIPT - From Scratch

4.0 (0)

7 learners

What you'll learn

This course includes

218 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

responsive website design step by step Responsive Website Design Tutorial how to make responsive website using html css build a Complete Responsive Website Design A Complete Responsive Website From Scratch HTML CSS Responsive Web Design responsive bootstrap website html5 css3 how to make a bootstrap website bootstrap website from scratch javascript

Full Transcript

how to make a complete responsive food / restaurant website design using html css and vanilla javascript step by step. create a complete responsive restaurant website design template using html css and vanilla javascript tutorial for beginners. the main feature of this website are: ✅ responsive header with toggle menu effect using vanilla javascript. ✅ responsive home section with touch slider using swiper.js ✅ responsive about section using flexbox. ✅ responsive food / products section with touch slider using swiper.js. ✅ responsive image gallery section with lightbox gallery effect. ✅ responsive menu section with touch slider using swiper.js. ✅ responsive order form section using flexbox. ✅ responsive blogs / news / post card section with touch slider using swiper.js ✅ responsive footer section using css grid. * SOURCE CODES * https://www.buymeacoffee.com/mrwebdesigner/e/127514 lightgallery.js official website: https://sachinchoolur.github.io/lightgallery.js/ lightgallery.js cdn links: https://cdnjs.com/libraries/lightgallery-js font awesome cdn link: https://cdnjs.com/libraries/font-awesome google fonts: https://fonts.google.com/specimen/Dosis clip-path generator: https://bennettfeely.com/clippy/ 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 3:44 file structure 4:49 header 18:30 home 33:12 about 39:29 food 1:03:14 gallery 1:10:06 menu 1:23:19 order 1:34:36 blogs 1:46:02 footer 1:54:30 final demo #FrontEnd #FoodWebsite #SinglePage

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

Mastering the New SAT: Tips and Strategies from Khan Academy

Master the New SAT: Expert Tips & Strategies by Khan Academy - Boost Your Skills in Reading, Writing, & Math

⭐ 5.0

26 ratings

0 min

Direção de Arte no Cinema e Jogos: Fundamentos Essenciais

Transforme sua criatividade em carreira: descubra os segredos da Direção de Arte no cinema, jogos e design gráfico com especialistas e aprenda a criar mundos visuais incríveis. Inscreva-se agora e revolucione sua visão artística!

⭐ 4.0

29 ratings

0 min

30-Day Beginner Guitar Challenge for New Players

Master the Guitar in 30 Days: Your Ultimate Beginner Challenge! Unleash your inner guitarist with step-by-step lessons designed to transform you from novice to confident player. Join Your Guitar Academy and kickstart your musical journey today!

⭐ 4.3

36 ratings

7 hours