Travel
Create A Responsive Tour & Travel Agency Website Design Using HTML / CSS / JAVASCRIPT | Step By Step
May
how to make a complete responsive tours and travel website design using html css and vanilla javascript from scratch.
create a complete responsive travel agency website design using html css and javascript.
the main feature of this website are:
✔ responsive header / navbar with toggle menu bar effect.
✔ responsive header / navbar with search bar.
✔ responsive header / navbar with login / register form.
✔ responsive hero / home section with video slider using vanilla javascript.
✔ responsive book section using flexbox.
✔ responsive packages section using flexbox.
✔ responsive services section using flexbox.
✔ responsive gallery with hover effect section using flexbox.
✔ responsive review section with touch slider using flexbox.
✔ responsive contact section using flexbox.
✔ responsive brand section with touch slider.
✔ responsive footer section using flexbox.
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/14TTOIWVYma5dz7GVelsbmKoD13ejXQGS/view?usp=sharing
swiper.js
https://swiperjs.com/
font awesome cdn link:
https://cdnjs.com/libraries/font-awesome
google fonts:
https://fonts.google.com/specimen/Nunito?query=nunito
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:54 header section
25:18 home section
31:42 book section
36:05 packages section
40:41 services section
43:36 gallery section
47:22 review section
52:38 contact section
55:00 brand slider
56:36 footer section
59:54 final demo
#FrontEnd
#TravelWebsite
#CompleteWebsite
source
You really deserve more likes
what's name first song, please ?
Amazing man thanks for this tutorial
I followed your steps and I was able to build it travel website. Thank you.
your so amazing,You deserve a lot of subscriber. love from PH
Good Design !
i wish you could upload more videos where you try to interact with the audience, a bit of vocal guidance and explanations is needed here and there sometimes….. otherwise, great stuff!
God bless Mr Web designer
I want to add a drop-down is it possible here and how it is
very nice. thank you.
Wooow..
Amazing project, well done Shaikh Anas. How can the sliding review section be made contained within the section boundary? Each time you see three slide and part of the fourth slide which seems to me ugly.
cachy intro song
Hi
You guys do a great job!!!
But can you plz send me the code of the whole web page plz!!!
Bcz, It is too hard to look and write!!
I will be soo thankful if you do so!!!
Thanks 🥰
Make tutorial with your voice guide
That's make your videos more seanceable
background videos img not came what to do?
How do I use this format on my website?
Create a back end video please
Hii alll I used this code at my laptop in vs code but I am not able to click on search icon , menu icon and user icon and also I am not able to swipe video at starting please help me
amazing tutorial
good job bro! thanks for sharing))
Amazing design, Thank you so much. SUBSCRIBED
Whats the platform you are using to type the coding?
me salvo valeu tu é pika
Very niceeee
❤️❤️❤️❤️
Beautiful Design, wathcing it with your commentary would be heaven !
Amazing desings
amazing work man❤
will need backend code for this web like working registration system and working booking process
Do you think I should learn Sass or Css is good enough?
Can i use this website for my business?
Hi I was trying this to practice but i'm getting few errors is there any possibility that you could check on it?? I'm Stuck
vid-btn problem.. please help