how to make complete responsive tour and travel website design using html css vanilla javascript php and mysql database from scratch.
complete responsive travel agency / travel booking / adventure tour website design both front and backend, html css vanilla javascript php mysql step by step tutorial for beginner.
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 reviews section with touch slider using swiper.js
✅ responsive packages section using grid.
✅ responsive booking form section with php and mysql.
✅ responsive footer section using grid.
* SOURCE CODES *
(backend version)
https://www.buymeacoffee.com/mrwebdesigner/e/118122
(frontend version)
https://www.buymeacoffee.com/mrwebdesigner/e/118121
Buy Me A Coffee :
https://www.buymeacoffee.com/mrwebdesigner
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
3:45 file structure
5:55 header
17:54 footer
27:48 services
32:56 home
45:11 home about
48:17 home packages
53:41 home offer
56:40 about
1:04:01 reviews
1:11:22 packages
1:19:44 booking
1:27:27 php / mysql
1:39:43 final demo
#TravelWebsite
#MultiPages
#CompleteWebsite
