{"id":546,"date":"2021-05-25T19:35:52","date_gmt":"2021-05-25T19:35:52","guid":{"rendered":"https:\/\/citybreakdeals.com\/index.php\/2021\/05\/25\/create-a-responsive-tour-travel-agency-website-design-using-html-css-javascript-step-by-step\/"},"modified":"2021-05-25T19:35:52","modified_gmt":"2021-05-25T19:35:52","slug":"create-a-responsive-tour-travel-agency-website-design-using-html-css-javascript-step-by-step","status":"publish","type":"post","link":"https:\/\/citybreakdeals.com\/index.php\/2021\/05\/25\/create-a-responsive-tour-travel-agency-website-design-using-html-css-javascript-step-by-step\/","title":{"rendered":"Create A Responsive Tour &amp; Travel Agency Website Design Using HTML \/ CSS \/ JAVASCRIPT | Step By Step"},"content":{"rendered":"<p><iframe loading=\"lazy\"  width=\"900\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/nPZp-YNPyC8?modestbranding=1\" frameborder=\"0\" allowfullscreen><\/iframe><br \/>\n<br \/>how to make a complete responsive tours and travel website design using html css and vanilla javascript from scratch.<br \/>\ncreate a complete responsive travel agency website design using html css and javascript.<\/p>\n<p>the main feature of this website are:<\/p>\n<p>\u2714 responsive header \/ navbar with toggle menu bar effect.<br \/>\n\u2714 responsive header \/ navbar with search bar.<br \/>\n\u2714 responsive header \/ navbar with login \/ register form.<br \/>\n\u2714 responsive hero \/ home section with video slider using vanilla javascript.<br \/>\n\u2714 responsive book section using flexbox.<br \/>\n\u2714 responsive packages section using flexbox.<br \/>\n\u2714 responsive services section using flexbox.<br \/>\n\u2714 responsive gallery with hover effect section using flexbox.<br \/>\n\u2714 responsive review section with touch slider using flexbox.<br \/>\n\u2714 responsive contact section using flexbox.<br \/>\n\u2714 responsive brand section with touch slider.<br \/>\n\u2714 responsive footer section using flexbox.<\/p>\n<p>* SOURCE CODES *<\/p>\n<p>DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):<br \/>\nhttps:\/\/drive.google.com\/file\/d\/14TTOIWVYma5dz7GVelsbmKoD13ejXQGS\/view?usp=sharing<\/p>\n<p>swiper.js<br \/>\nhttps:\/\/swiperjs.com\/<\/p>\n<p>font awesome cdn link:<br \/>\nhttps:\/\/cdnjs.com\/libraries\/font-awesome<\/p>\n<p>google fonts:<br \/>\nhttps:\/\/fonts.google.com\/specimen\/Nunito?query=nunito<\/p>\n<p>images are from freepik:<br \/>\nhttps:\/\/www.freepik.com\/<\/p>\n<p>New To My Channel Subscribe Now And See More Stuff Like This:<br \/>\nhttps:\/\/youtube.com\/channel\/UCKwgH3vASrD2brd1l2m6NHw<\/p>\n<p>timestamps:<br \/>\n0:00 demo<br \/>\n6:06 file structure<br \/>\n6:54 header section<br \/>\n25:18 home section<br \/>\n31:42 book section<br \/>\n36:05 packages section<br \/>\n40:41 services section<br \/>\n43:36 gallery section<br \/>\n47:22 review section<br \/>\n52:38 contact section<br \/>\n55:00 brand slider<br \/>\n56:36 footer section<br \/>\n59:54 final demo<\/p>\n<p>#FrontEnd<br \/>\n#TravelWebsite<br \/>\n#CompleteWebsite<br \/>\n<br \/><a href=\"https:\/\/www.youtube.com\/watch?v=nPZp-YNPyC8\">source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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: \u2714 responsive header \/ navbar with toggle menu bar effect. \u2714 responsive header \/ navbar with [&#8230;]\n","protected":false},"author":1,"featured_media":547,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-546","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-travel"],"_links":{"self":[{"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/posts\/546"}],"collection":[{"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/comments?post=546"}],"version-history":[{"count":0,"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/posts\/546\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/media\/547"}],"wp:attachment":[{"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/media?parent=546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/categories?post=546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/citybreakdeals.com\/index.php\/wp-json\/wp\/v2\/tags?post=546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}