how to make a complete responsive event organizer website design using html css and vanilla javascript from scratch.
create a complete responsive event organizer / wedding planner / birthday party / concert planner / event planner / event manager website design template using html css and vanilla javascript.
the main feature of this website are:
✔ responsive header / navbar with toggle effect using css flexbox and javascript.
✔ responsive header / hero section with touch slider using swiper.js
✔ responsive service card section using css grid layout.
✔ responsive about section using css flexbox layout.
✔ responsive image gallery with hover effect using css grid layout.
✔ responsive pricing table section using css grid layout.
✔ responsive review / testimonial section with touch slider effect using swiper.js
✔ responsive contact form section.
✔ responsive footer section with hover effects using css grid layout.
✔ theme toggler / theme color changer effect using vanilla javascript.
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/14E91sEPBoDkWnmjj_nUWYmBm5LqOXxpD/view?usp=sharing
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
6:06 file structure
6:51 header section
13:14 home section
18:19 service section
21:55 about section
24:01 gallery section
28:15 price section
32:05 review section
36:15 contact section
39:07 footer section
43:43 theme toggler
48:08 final demo
#EventOrganizer
#CompleteWebsite
#FrontEnd
0 Comments