Summary
Keywords
Full Transcript
how to make a complete responsive multipage wedding planner design using html css vanilla javascript php and mysql database step by step. create a complete responsive multi pages wedding planner website design template with glassmorphism effects using html css vanilla javascript php mysql database from scratch 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 service section with touch slider using swiper.js ✅ responsive about section. ✅ responsive team section using flexbox. ✅ responsive portfolio lightbox image gallery section section using lightgallery.js. ✅ responsive pricing table section using grid. ✅ responsive reviews section with touch slider using swiper.js ✅ responsive contact form section using flexbox and php mysql database. ✅ responsive footer section using grid. * SOURCE CODES * frontend only : https://www.buymeacoffee.com/mrwebdesigner/e/150137 backend with admin panel : https://www.buymeacoffee.com/mrwebdesigner/e/150905 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/Poppins clip-path generator: https://bennettfeely.com/clippy/ Editor : - visual studio code with Laetus: Dark Vibrant Theme Browser : - google chrome UI Tool : - Figma localhost : xampp 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 4:10 file structure 4:47 header 20:16 footer 29:11 home 41:00 services 52:48 about 55:08 team 1:01:12 portfolio 1:08:07 pricing 1:12:51 reviews 1:19:08 contact 1:32:15 final demo #WeddingPlanner #CompleteWebsite #MultiPages
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
