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.
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
*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/
Subscribe: https://www.youtube.com/@MrWebDesignerAnas/featured
