Responsive Wedding Planner Website Design Using HTML – CSS – JavaScript – PHP – MySQL Database

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.



( *you are free to use this source code )

*How To Download*

Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the folder and then rename each coding files.
Step 5 :- convert each coding files example ( index.txt to index.php) – ( style.txt to style.css ) – ( script.txt to script.js ).
Step 6 :- open the converted index.html file into your browser.
Step 7 :- open your editor and put your converted into it and then edit it as you like.

lightgallery.js official website:

lightgallery.js cdn links:

font awesome cdn link:

google fonts:

clip-path generator:

Editor : – visual studio code with Laetus: Dark Vibrant Theme
Browser : – google chrome
UI Tool : – Figma
localhost : xampp
Images / Video / SVG : –
01 –
02 –
03 –
04 –
05 –
06 –
07 –
08 –
09 –

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

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



  1. All Your Web Designs Are Awesome.
    I Have Learned a lot from you. Thanks for great Video.🙏😊

    How to post to website?🤔and
    Could you please make about Blog in website? Thanks.

  2. anyone else having trouble getting the background picture to appear? I've tried adding single quotes and double quotes to the url tag in the styles.css, using the background-image tag. VS code finds the file in my project but the picture doesn't appear at all but all the other styles seem to work

  3. Could you make a web development website? I've seen your old ones and it was cool, I'd appreciate if you make another one. Maybe the other one could have more features in it, such as the login form you made!

  4. After watching dozens of videos from this channel I found many of them with an issue with responsiveness where certain parts of the site shows differently with different monitors with different resolutions.

  5. Respected sir, we are going to make ngo for blood donation cause can you help us to teach how to create layout for blood donation camp / bank website please?

Leave a comment

Your email address will not be published.