Summary
Keywords
Full Transcript
how to make complete responsive food / restaurant website design using html css and vanilla javascript. create a complete responsive online food 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 and search bar icon and scrollspy. ✔ responsive home section with touch slider using swiper.js ✔ responsive dishes card section using grid. ✔ responsive about section using flexbox. ✔ responsive menu card section using grid. ✔ responsive review section with touch slider using swiper.js ✔ responsive order form section. ✔ responsive footer section using grid. Buy Me A Coffee : https://www.buymeacoffee.com/mrwebdesigner * SOURCE CODES * https://www.buymeacoffee.com/mrwebdesigner/e/97033 swiper.js link: https://swiperjs.com/ font awesome cdn link: https://cdnjs.com/libraries/font-awesome google fonts: https://fonts.google.com/specimen/Roboto images are from freepik: https://www.freepik.com/ New To My Channel Subscribe Now And See More Stuff Like This: https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw Timestamps: 0:00 demo 4:52 file structure 5:47 header section 15:57 search bar 21:53 home section 30:42 dishes section 38:27 about section 43:57 menu section 51:36 review section 57:31 order section 1:04:56 footer section 1:10:27 scrollspy 1:13:46 loader 1:16:21 final demo #FrontEnd #FoodWebsite #CompleteWebsite
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
