Create A Responsive Tour & Travel Agency Website Design – HTML CSS / SASS JAVASCRIPT | Step By Step

how to make a complete responsive tours and travel website design using html css / sass and vanilla javascript from scratch.
create a complete responsive travel agency website design using html css / sass and javascript.
complete responsive single page tours and travel agency website design template using html css / sass step by step for beginners tutorial.

the main feature of this website are:
✅ responsive header with navbar menu toggle effect using vanilla javascript.
✅ responsive home section using css flexbox.
✅ responsive about section using css flexbox.
✅ responsive destination section section using css grid.
✅ responsive services section using css grid.
✅ responsive gallery section using css columns.
✅ responsive review section using css flexbox.
✅ responsive blogs section using css grid.
✅ responsive footer section using css flexbox.



*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.html ) – ( 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.

AOS github:

AOS website:

font awesome cdn link:

google fonts:

clip-path generator:

border-radius genrator:

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

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

0:00 demo
3:31 file structure
4:49 header section
18:37 home section
24:42 book form
31:19 about section
38:40 destination section
47:02 services section
52:13 gallery section
57:47 blogs section
1:04:13 footer section
1:17:20 banner section
1:22:18 AOS library
1:31:47 review section
1:38:44 final demo



  1. Brother you have created a lot of websites but you didn't create even a single responsive website with different pages each and everything functional..
    Please create the same …
    Rest you are doing a great job dude

  2. The navbar active switch with clip-path doesn't want to work, I tried everything… By the way, excellent work bro, your channel is perfect no speak, just acting, I love it ! 🙂

  3. Hey did you use auto prefixer. How exactly did you get the vendor prefix to your code.
    Thank you for a great video

  4. Sorry sir, permission to use the source code for my client's website project, I will change some of the source code, is that okay?

  5. Bro great website tho,but your using scss not css some code like @mixin doesn't work in css I went further to download some extension to didn't still work..
    Honestly quite confused

  6. SIR !!! please please please ……complete the back end part of this great website with php/node.js 🙏🙏🙏🙏

  7. 18:37 btw great video man prefer there be someone talking walking you through it but this is exactly the type of video i was looking for not enough of these channels use SASS thanks so much

  8. did you make anything for the read more pages? , if so can you send me the template for the about one?

  9. Im little bit sad, that you dont show your library or that you dont teach that. Its just copirate code, and that all :/
    But web is perfect , of course. I just that.

  10. .home in this class u use display flex for 2 time. is that mistakenly happened or any reason behind it. thank u sir.

  11. Thank you teacher I appreciate you. your beautiful time to give us to learn something 🙏❤☝️

  12. Can I use the stucture(channged a bit) and colors of your project in my public website?
    every information on website will be diffrent and images will be diffrent

  13. Hey I'm not able to use $blue in my CSS. Showing error(rule or selector expected)..please help me out

  14. Seriously, this man is the best thing i have ever encountered when it comes to web development. I am forever grateful!

  15. Hamburger menu toggle positioning error dude please 🆘🥺

  16. It's great that you have a new video out. I've been waiting every day! May I ask how many years did you study to be able to make beautiful websites like this?

Leave a comment

Your email address will not be published.