Helgen-Website/html/home-travel-agency.html
2024-11-04 11:54:48 -06:00

1502 lines
116 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>H-Code | Responsive & Multi-Purpose One/Multi Page Template</title>
<meta name="description" content="H-Code - A premium portfolio template from ThemeZaa">
<meta name="keywords" content="">
<meta charset="utf-8">
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- animation -->
<link rel="stylesheet" href="css/animate.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css" />
<!-- et line icon -->
<link rel="stylesheet" href="css/et-line-icons.css" />
<!-- font-awesome icon -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- revolution slider -->
<link rel="stylesheet" href="css/extralayers.css" />
<link rel="stylesheet" href="css/settings.css" />
<!-- magnific popup -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- owl carousel -->
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/owl.transitions.css" />
<link rel="stylesheet" href="css/full-slider.css" />
<!-- text animation -->
<link rel="stylesheet" href="css/text-effect.css" />
<!-- hamburger menu -->
<link rel="stylesheet" href="css/menu-hamburger.css" />
<!-- common -->
<link rel="stylesheet" href="css/style.css" />
<!-- responsive -->
<link rel="stylesheet" href="css/responsive.css" />
<!--[if IE]>
<link rel="stylesheet" href="css/style-ie.css" />
<![endif]-->
<!--[if IE]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- navigation panel -->
<nav class="navbar navbar-default navbar-fixed-top nav-transparent overlay-nav sticky-nav nav-white nav-border-bottom" role="navigation">
<div class="container">
<div class="row">
<!-- logo -->
<div class="col-md-2 pull-left"><a class="logo-light" href="index.html"><img alt="" src="images/logo-white.png" class="logo" /></a><a class="logo-dark" href="index.html"><img alt="" src="images/logo-light.png" class="logo" /></a></div>
<!-- end logo -->
<!-- search and cart -->
<div class="col-md-2 no-padding-left search-cart-header pull-right">
<div id="top-search">
<!-- nav search -->
<a href="#search-header" class="header-search-form"><i class="fa fa-search search-button"></i></a>
<!-- end nav search -->
</div>
<!-- search input-->
<form id="search-header" method="post" action="#" name="search-header" class="mfp-hide search-form-result">
<div class="search-form position-relative">
<button type="submit" class="fa fa-search close-search search-button"></button>
<input type="text" name="search" class="search-input" placeholder="Enter your keywords..." autocomplete="off">
</div>
</form>
<!-- end search input -->
<div class="top-cart">
<!-- nav shopping bag -->
<a href="#" class="shopping-cart">
<i class="fa fa-shopping-cart"></i>
<div class="subtitle">(1) Items</div>
</a>
<!-- end nav shopping bag -->
<!-- shopping bag content -->
<div class="cart-content">
<ul class="cart-list">
<li>
<a title="Remove item" class="remove" href="#">×</a>
<a href="#">
<img width="90" height="90" alt="" src="http://placehold.it/90x90">Leather Craft
</a>
<span class="quantity">1 × <span class="amount">$160</span></span>
<a href="#">Edit</a>
</li>
</ul>
<p class="total">Subtotal: <span class="amount">$160</span></p>
<p class="buttons">
<a href="shop-cart.html" class="btn btn-very-small-white no-margin-bottom margin-seven pull-left no-margin-lr">View Cart</a>
<a href="shop-checkout.html" class="btn btn-very-small-white no-margin-bottom margin-seven no-margin-right pull-right">Checkout</a>
</p>
</div>
<!-- end shopping bag content -->
</div>
</div>
<!-- end search and cart -->
<!-- toggle navigation -->
<div class="navbar-header col-sm-8 col-xs-2 pull-right">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<!-- toggle navigation end -->
<!-- main menu -->
<div class="col-md-8 no-padding-right accordion-menu text-right">
<div class="navbar-collapse collapse">
<ul id="accordion" class="nav navbar-nav navbar-right panel-group">
<!-- menu item -->
<li class="dropdown panel">
<a href="#collapse1" class="dropdown-toggle collapsed" data-toggle="collapse" data-parent="#accordion" data-hover="dropdown">Home <i class="fa fa-angle-down"></i></a>
<!-- sub menu -->
<ul id="collapse1" class="dropdown-menu mega-menu panel-collapse collapse mega-menu-full">
<!-- sub menu column -->
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Pre Made Homepage</li>
<li><a href="index.html">Home main</a></li>
<li><a href="home-fashion.html">Home fashion</a></li>
<li><a href="home-architecture.html">Home architecture</a></li>
<li><a href="home-spa.html">Home spa</a></li>
<li><a href="home-agency.html">Home agency</a></li>
<li><a href="home-restaurant.html">Home restaurant</a></li>
<li><a href="home-travel-agency.html">Home travel agency</a></li>
<li><a href="home-corporate.html">Home corporate</a></li>
<li><a href="home-photography.html">Home photography</a></li>
<li><a href="home-shop.html">Home shop</a></li>
<li><a href="home-blog.html">Home blog</a></li>
<li><a href="home-blog-grid.html">Home blog grid</a></li>
</ul>
<!-- end sub menu item -->
</li>
<!-- sub menu column end -->
<!-- sub menu column -->
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Other</li>
<li><a href="home-masonry-portfolio.html">Home - masonry portfolio</a></li>
<li><a href="home-background-slider.html">Home - background slider</a></li>
<li><a href="home-full-screen-video.html">Home - full screen video</a></li>
<li><a href="home-half-screen-video.html">Home - half screen video</a></li>
<li><a href="home-text-rotator.html">Home - text rotator</a></li>
<li><a href="home-countdown-timer.html">Home - coming soon</a></li>
<li><a href="home-countdown-timer-animation.html">Home - coming soon (Animation) <span class="menu-new">new</span></a></li>
<li><a href="home-countdown-timer-video.html">Home - coming soon (video)</a></li>
<li><a href="home-full-width-image.html">Home - full width image</a></li>
<li><a href="home-gradient-with-image.html">Home - gradient with image</a></li>
</ul>
<!-- end sub menu item -->
</li>
<!-- end sub menu column -->
<!-- sub menu column -->
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Parallax Image / Typography</li>
<li><a href="home-parallax1.html">Parallax Image - option 1 </a></li>
<li><a href="home-parallax2.html">Parallax Image - option 2</a></li>
<li><a href="home-parallax3.html">Parallax Image - option 3 </a></li>
<li><a href="home-parallax4.html">Parallax Image - option 4</a></li>
<li><a href="home-parallax5.html">Parallax Image - option 5</a></li>
<li><a href="home-parallax.html">Full parallax home page</a></li>
</ul>
<!-- end sub menu item -->
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Carousel slider</li>
<li><a href="home-slider-bootstrap.html">Bootstrap slider - full screen</a></li>
<li><a href="home-slider-revolution1.html">Revolution slider - full screen</a></li>
<li><a href="home-slider-revolution2.html">Revolution slider - half screen</a></li>
<li><a href="home-slider-owl1.html">owl slider - full screen</a></li>
<li><a href="home-slider-owl2.html">owl slider - half screen</a></li>
</ul>
<!-- end sub menu item -->
</li>
<!-- end sub menu column -->
<!-- sub menu column -->
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Creative Intro Pages</li>
<li><a href="intro-fashion.html">Fashion Intro</a></li>
<li><a href="intro-restaurant.html">Restaurant Intro</a></li>
<li><a href="intro-travel.html">Travel Intro</a></li>
<li><a href="intro-travel2.html">Travel Intro - V2</a></li>
<li><a href="intro-agency.html">Agency Intro</a></li>
<li><a href="intro-agency2.html">Agency Intro - V2</a></li>
<li><a href="intro-product.html">Product Intro</a></li>
</ul>
<!-- end sub menu item -->
</li>
<!-- end sub menu column -->
</ul>
<!-- end sub menu -->
</li>
<!-- end menu item -->
<!-- menu item -->
<li class="dropdown panel">
<a href="#collapse2" class="dropdown-toggle collapsed" data-toggle="collapse" data-parent="#accordion" data-hover="dropdown">One Page <i class="fa fa-angle-down"></i></a>
<!-- sub menu -->
<ul id="collapse2" class="dropdown-menu mega-menu panel-collapse collapse mega-menu-full">
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Pre Made Homepage</li>
<li><a href="onepage-bootstrap-slider.html">Home main</a></li>
<li><a href="onepage-fashion.html">Home fashion</a></li>
<li><a href="onepage-architecture.html">Home architecture</a></li>
<li><a href="onepage-spa.html">Home spa</a></li>
<li><a href="onepage-agency.html">Home agency</a></li>
<li><a href="onepage-agency-option2.html">Home agency - option 2 <span class="menu-new">new</span></a></li>
<li><a href="onepage-restaurant.html">Home restaurant</a></li>
<li><a href="onepage-travel-agency.html">Home travel agency</a></li>
<li><a href="onepage-corporate.html">Home corporate</a></li>
<li><a href="onepage-personal.html">Home personal</a></li>
<li><a href="onepage-wedding.html">Home wedding</a></li>
<li><a href="onepage-landing.html">Landing page</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Parallax Image / Typography</li>
<li><a href="onepage-parallax1.html">Parallax Image - option 1 </a></li>
<li><a href="onepage-parallax2.html">Parallax Image - option 2</a></li>
<li><a href="onepage-parallax3.html">Parallax Image - option 3 </a></li>
<li><a href="onepage-parallax4.html">Parallax Image - option 4</a></li>
<li><a href="onepage-parallax5.html">Parallax Image - option 5</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Other</li>
<li><a href="onepage-masonry-portfolio.html">Home - masonry portfolio</a></li>
<li><a href="onepage-background-slider.html">Home - background slider</a></li>
<li><a href="onepage-full-screen-video.html">Home - full screen video</a></li>
<li><a href="onepage-text-rotator.html">Home - text rotator</a></li>
<li><a href="onepage-full-width-image.html">Home - full width image</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Carousel slider</li>
<li><a href="onepage-bootstrap-slider.html">Bootstrap slider - full screen</a></li>
<li><a href="onepage-slider-revolution1.html">Revolution slider - full screen</a></li>
<li><a href="onepage-slider-revolution2.html">Revolution slider - half screen</a></li>
<li><a href="onepage-slider-owl1.html">owl slider - full screen</a></li>
<li><a href="onepage-slider-owl2.html">owl slider - half screen</a></li>
</ul>
<!-- end sub menu item -->
</li>
</ul>
<!-- end sub menu -->
</li>
<!-- end menu item -->
<!-- menu item -->
<li class="dropdown panel">
<a href="#collapse5" class="dropdown-toggle collapsed" data-toggle="collapse" data-parent="#accordion" data-hover="dropdown">Portfolio <i class="fa fa-angle-down"></i></a>
<!-- sub menu -->
<ul id="collapse5" class="dropdown-menu mega-menu panel-collapse collapse mega-menu-full">
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Grid</li>
<li><a href="portfolio-grid-2columns.html">2 Columns</a></li>
<li><a href="portfolio-grid-3columns.html">3 Columns</a></li>
<li><a href="portfolio-grid-4columns.html">4 Columns</a></li>
<li><a href="portfolio-grid-5columns.html">5 Columns</a></li>
</ul>
<!-- end sub menu item -->
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Grid - Gutter</li>
<li><a href="portfolio-grid-gutter-2columns.html">2 Columns</a></li>
<li><a href="portfolio-grid-gutter-3columns.html">3 Columns</a></li>
<li><a href="portfolio-grid-gutter-4columns.html">4 Columns</a></li>
<li><a href="portfolio-grid-gutter-5columns.html">5 Columns</a></li>
</ul>
<!-- end sub menu item -->
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Grid with Title</li>
<li><a href="portfolio-grid-with-title-2columns.html">2 Columns</a></li>
<li><a href="portfolio-grid-with-title-3columns.html">3 Columns</a></li>
<li><a href="portfolio-grid-with-title-4columns.html">4 Columns</a></li>
<li><a href="portfolio-grid-with-title-5columns.html">5 Columns</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Wide</li>
<li><a href="portfolio-wide-2columns.html">2 Columns</a></li>
<li><a href="portfolio-wide-3columns.html">3 Columns</a></li>
<li><a href="portfolio-wide-4columns.html">4 Columns</a></li>
<li><a href="portfolio-wide-5columns.html">5 Columns</a></li>
</ul>
<!-- end sub menu item -->
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Wide - Gutter</li>
<li><a href="portfolio-wide-gutter-2columns.html">2 Columns</a></li>
<li><a href="portfolio-wide-gutter-3columns.html">3 Columns</a></li>
<li><a href="portfolio-wide-gutter-4columns.html">4 Columns</a></li>
<li><a href="portfolio-wide-gutter-5columns.html">5 Columns</a></li>
</ul>
<!-- end sub menu item -->
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Wide with Title</li>
<li><a href="portfolio-wide-with-title-2columns.html">2 Columns</a></li>
<li><a href="portfolio-wide-with-title-gutter-3columns.html">3 Columns</a></li>
<li><a href="portfolio-wide-with-title-gutter-4columns.html">4 Columns</a></li>
<li><a href="portfolio-wide-with-title-gutter-5columns.html">5 Columns</a></li>
</ul>
<!-- sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Masonry</li>
<li><a href="portfolio-masonry-2columns.html">2 Columns</a></li>
<li><a href="portfolio-masonry-3columns.html">3 Columns</a></li>
<li><a href="portfolio-masonry-4columns.html">4 Columns</a></li>
<li><a href="portfolio-masonry-5columns.html">5 Columns</a></li>
</ul>
<!-- end sub menu item -->
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Other</li>
<li><a href="portfolio-parallax.html">Parallax</a></li>
<li><a href="portfolio-short-description.html">With Short Description</a></li>
<li><a href="portfolio-lightbox.html">Portfolio lightbox</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Single Project Page</li>
<li><a href="single-project-page1.html">Single Project Page 1</a></li>
<li><a href="single-project-page2.html">Single Project Page 2</a></li>
<li><a href="single-project-page3.html">Single Project Page 3</a></li>
<li><a href="single-project-page4.html">Single Project Page 4</a></li>
<li><a href="single-project-page5.html">Single Project Page 5</a></li>
</ul>
<!-- end sub menu item -->
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Ajax - Project Page</li>
<li><a href="onepage-single-project-page1.html" class="simple-ajax-popup-align-top">Single Project Page 1</a></li>
<li><a href="onepage-single-project-page2.html" class="simple-ajax-popup-align-top">Single Project Page 2</a></li>
<li><a href="onepage-single-project-page3.html" class="simple-ajax-popup-align-top">Single Project Page 3</a></li>
<li><a href="onepage-single-project-page4.html" class="simple-ajax-popup-align-top">Single Project Page 4</a></li>
<li><a href="onepage-single-project-page5.html" class="simple-ajax-popup-align-top">Single Project Page 5</a></li>
</ul>
<!-- end sub menu item -->
</li>
</ul>
<!-- end sub menu -->
</li>
<!-- end menu item -->
<!-- menu item -->
<li class="dropdown panel">
<a href="#collapse4" class="dropdown-toggle collapsed" data-toggle="collapse" data-parent="#accordion" data-hover="dropdown">Pages <i class="fa fa-angle-down"></i></a>
<!-- sub menu -->
<ul id="collapse4" class="dropdown-menu mega-menu panel-collapse collapse mega-menu-full">
<!-- sub menu column -->
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Introduction</li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="about-us-option2.html">About Us - Option 2 <span class="menu-new">new</span></a></li>
<li><a href="team-members.html">Team Members</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="our-clients.html">Our Clients</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
<!-- end sub menu item -->
</li>
<!-- end sub menu column -->
<!-- sub menu column -->
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Utility</li>
<li><a href="services.html">Services</a></li>
<li><a href="faq.html">FAQ'S</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="404.html">Not Found (404)</a></li>
<li><a href="maintenance.html">Maintenance Page</a></li>
<li><a href="home-countdown-timer.html">Under Construction</a></li>
</ul>
<!-- end sub menu item -->
</li>
<!-- end sub menu column -->
<!-- sub menu column -->
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Page Layout</li>
<li><a href="page-full-width.html">Full Width</a></li>
<li><a href="page-full-width-wide.html">Full Width - Wide</a></li>
<li><a href="page-left-sidebar.html">Left Sidebar</a></li>
<li><a href="page-right-sidebar.html">Right Sidebar</a></li>
<li><a href="page-both-sidebar.html">Both Sidebar</a></li>
</ul>
<!-- end sub menu item -->
</li>
<!-- end sub menu column -->
<!-- sub menu column -->
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Gallery</li>
<li><a href="gallery-1columns.html">1 Columns</a></li>
<li><a href="gallery-2columns.html">2 Columns</a></li>
<li><a href="gallery-3columns.html">3 Columns</a></li>
<li><a href="gallery-4columns.html">4 Columns</a></li>
<li><a href="gallery-6columns.html">6 Columns</a></li>
</ul>
<!-- end sub menu item -->
</li>
<!-- end sub menu column -->
</ul>
<!-- end sub menu -->
</li>
<!-- end menu item -->
<!-- menu item -->
<li class="dropdown panel">
<a href="#collapse3" class="dropdown-toggle collapsed" data-toggle="collapse" data-parent="#accordion" data-hover="dropdown">Elements<i class="fa fa-angle-down"></i></a>
<!-- sub menu -->
<ul id="collapse3" class="dropdown-menu mega-menu panel-collapse collapse mega-menu-full">
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Slider</li>
<li><a href="slider-bootstrap.html">Bootstrap</a></li>
<li><a href="slider-revolution.html">Revolution</a></li>
<li><a href="slider-owl.html">Owl</a></li>
</ul>
<!-- end sub menu item -->
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Header</li>
<li><a href="header-light.html">Light Version</a></li>
<li><a href="header-light-without-cart-search.html">Light Version - Option 2 <span class="menu-new">new</span></a></li>
<li><a href="header-dark.html">Dark Version</a></li>
<li><a href="header-transparent-dark.html">Transparent Version - Dark</a></li>
<li><a href="header-transparent-light.html">Transparent Version - Light</a></li>
<li><a href="header-static-sticky.html">Static Sticky</a></li>
<li><a href="onepage-hamburger.html">Hamburger Menu <span class="menu-new">new</span></a></li>
<li><a href="onepage-hamburger-option2.html">Hamburger Menu - Option 2 <span class="menu-new">new</span></a></li>
<li><a href="onepage-agency-option2.html">Hamburger Menu - Option 3 <span class="menu-new">new</span></a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Page Titles</li>
<li><a href="page-title-white.html">Title white</a></li>
<li><a href="page-title-gray.html">Title gray</a></li>
<li><a href="page-title-dark-gray.html">Title dark gray</a></li>
<li><a href="page-title-black.html">Title black</a></li>
<li><a href="page-title-with-image.html">Title with image</a></li>
<li><a href="page-title-large.html">Title large</a></li>
<li><a href="page-title-small-white.html">Title small white</a></li>
<li><a href="page-title-small-gray.html">Title small gray</a></li>
<li><a href="page-title-small-dark-gary.html">Title small dark gray</a></li>
<li><a href="page-title-small-black.html">Title small black</a></li>
<li><a href="page-title-center-align.html">Title center align</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Other</li>
<li><a href="accordions.html"><i class="fa fa-plus-square"></i>Accordions</a></li>
<li><a href="progress-bar.html"><i class="fa fa-tasks"></i>Progress Bar</a></li>
<li><a href="buttons.html"><i class="fa fa-link"></i>Buttons</a></li>
<li><a href="features-box.html"><i class="fa fa-th-large"></i>Features Box</a></li>
<li><a href="form.html"><i class="fa fa-align-justify"></i>Form</a></li>
<li><a href="grid.html"><i class="fa fa-th"></i>Grid</a></li>
<li><a href="icons-et-line.html"><i class="fa fa-star-o"></i>Icons Et-line</a></li>
<li><a href="icons-font-awesome.html"><i class="fa fa-star"></i>Icons Font Awesome</a></li>
<li><a href="alert-massage.html"><i class="fa fa-comment"></i>Alert massage</a></li>
<li><a href="tabs.html"><i class="fa fa-outdent"></i>Tabs</a></li>
<li><a href="typography.html"><i class="fa fa-font"></i>Typography</a></li>
<li><a href="video-sound.html"><i class="fa fa-video-camera"></i>Video / Sound</a></li>
<li><a href="counter-and-skills.html"><i class="fa fa-circle-o-notch"></i>Counter and Skills</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Image Gallery</li>
<li><a href="single-image-lightbox.html">Single Image Lightbox</a></li>
<li><a href="lightbox-gallery.html">Lightbox Gallery</a></li>
<li><a href="zoom-gallery.html">Zoom gallery</a></li>
<li><a href="popup-with-form.html">Popup with Form</a></li>
<li><a href="modal-popup.html">Modal Popup</a></li>
<li><a href="open-youtube-video.html">Open YouTube Video</a></li>
<li><a href="open-vimeo-video.html">Open Vimeo Video</a></li>
<li><a href="open-google-map.html">Open Google Map</a></li>
</ul>
<!-- end sub menu item -->
</li>
</ul>
<!-- end sub menu -->
</li>
<!-- end menu item -->
<!-- menu item -->
<li class="dropdown panel">
<a href="#collapse6" class="dropdown-toggle collapsed" data-toggle="collapse" data-parent="#accordion" data-hover="dropdown">Blog <i class="fa fa-angle-down"></i></a>
<!-- sub menu -->
<ul id="collapse6" class="dropdown-menu panel-collapse collapse mega-menu-full" role="menu">
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Grid</li>
<li><a href="blog-grid-2columns.html">2 Columns</a></li>
<li><a href="blog-grid-3columns.html">3 Columns</a></li>
<li><a href="blog-grid-4columns.html">4 Columns</a></li>
<li><a href="blog-grid-full-width.html">Full width</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Masonry</li>
<li><a href="blog-masonry-2columns.html">2 Columns</a></li>
<li><a href="blog-masonry-3columns.html">3 Columns</a></li>
<li><a href="blog-masonry-4columns.html">4 Columns</a></li>
<li><a href="blog-masonry-full-width.html">Full width</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Default</li>
<li><a href="blog-right-sidebar.html">Right sidebar</a></li>
<li><a href="blog-left-sidebar.html">Left sidebar</a></li>
<li><a href="blog-full-width.html">Full width</a></li>
</ul>
<!-- end sub menu item -->
</li>
<li class="mega-menu-column col-sm-3">
<!-- sub menu item -->
<ul>
<li class="dropdown-header">Single</li>
<li><a href="blog-single-right-sidebar.html">Right sidebar</a></li>
<li><a href="blog-single-left-sidebar.html">Left sidebar</a></li>
<li><a href="blog-single-full-width.html">Full width</a></li>
<li><a href="blog-single-full-width-with-image-slider.html">Full width with image slider</a></li>
<li><a href="blog-single-full-width-with-lightbox-gallery.html">Full width with lightbox gallery</a></li>
</ul>
<!-- end sub menu item -->
</li>
</ul>
<!-- end sub menu -->
</li>
<!-- end menu item -->
<!-- menu item -->
<li class="dropdown panel simple-dropdown">
<a href="#collapse7" class="dropdown-toggle collapsed" data-toggle="collapse" data-parent="#accordion" data-hover="dropdown">Shop <i class="fa fa-angle-down"></i></a>
<!-- sub menu single -->
<!-- sub menu item -->
<ul id="collapse7" class="dropdown-menu panel-collapse collapse" role="menu">
<li class="dropdown-header">For Shopping Cart</li>
<li><a href="home-shop.html">Shop homepage</a></li>
<li><a href="shop-with-sidebar.html">Shop with sidebar - grid</a></li><li><a href="shop-with-sidebar-list.html">Shop with sidebar - list</a></li>
<li><a href="shop-full-width.html">Shop full width</a></li>
<li><a href="shop-single-product.html">Single product</a></li>
<li><a href="shop-cart.html">Cart</a></li>
<li><a href="shop-checkout.html">Checkout</a></li>
</ul>
<!-- end sub menu item -->
<!-- end sub menu single -->
</li>
<!-- end menu item -->
</ul>
</div>
</div>
<!-- end main menu -->
</div>
</div>
</nav>
<!-- end navigation panel -->
<!-- slider -->
<section id="slider" class="no-padding bg-black travel-slider overflow-hidden">
<div id="owl-demo-background" class="owl-carousel owl-theme">
<div class="item owl-bg-img" style="background-image:url('http://placehold.it/1920x800');"></div>
<div class="item owl-bg-img" style="background-image:url('http://placehold.it/1920x800');"></div>
<div class="item owl-bg-img" style="background-image:url('http://placehold.it/1920x800');"></div>
</div>
</section>
<!-- end slider -->
<!-- tab section -->
<section class="no-padding-top travel-booking bg-magenta">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="tab-style3">
<div class="row">
<div class="col-md-12 col-sm-12">
<!-- tab navigation -->
<ul class="nav nav-tabs nav-tabs-light text-center xs-no-border xs-no-margin-top">
<li class="active no-margin-left xs-no-border"><a href="#tab3_sec1" data-toggle="tab"><i class="fa fa-suitcase"></i>Hotels</a></li><li class="xs-no-border"><a href="#tab3_sec2" data-toggle="tab"><i class="fa fa-plane"></i>Flights</a></li><li class="xs-no-border"><a href="#tab3_sec3" data-toggle="tab"><i class="fa fa-soccer-ball-o"></i>Holidays</a></li><li class="xs-no-border"><a href="#tab3_sec4" data-toggle="tab"><i class="fa fa-automobile"></i>Rent a Car</a></li>
</ul>
<!-- end tab navigation -->
</div>
</div>
<!-- tab content section -->
<div class="tab-content">
<!-- tab content -->
<div class="tab-pane med-text fade in active" id="tab3_sec1">
<div class="row margin-two no-margin-bottom">
<div class="col-md-8 col-sm-12 center-col">
<form action="#" method="post">
<div class="col-lg-4 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Where do you want to go?</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox1" placeholder="Eg. Melbourne, Australia">
<!-- end input -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Departure</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox2" placeholder="MM/DD/YY">
<!-- end input -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Return</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox3" placeholder="MM/DD/YY">
<!-- end input -->
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Rooms</label>
<!-- end label -->
<!-- input -->
<div class="select-style no-border no-margin-top margin-eight">
<select>
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
</select>
</div>
<!-- end input -->
</div>
</div>
<div class="col-md-6 col-sm-6 no-padding-left">
<button class="highlight-button-dark btn btn-medium button xs-margin-bottom-five"><i class="fa fa-search"></i>Search</button>
</div>
<div class="col-md-6 col-sm-6 no-padding-left text-right xs-text-left ">
<a href="#" class="text-small text-uppercase white-text text-decoration-underline font-weight-600 margin-five display-inline-block xs-no-margin">Popular Hotels</a>
</div>
</form>
</div>
</div>
</div>
<!-- end tab content -->
<!-- tab content -->
<div class="tab-pane fade in" id="tab3_sec2">
<div class="row margin-two no-margin-bottom">
<div class="col-md-8 col-sm-12 center-col">
<form action="#" method="post">
<div class="col-lg-4 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">From</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox4" placeholder="Eg. Melbourne, Australia">
<!-- end input -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">To</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox5" placeholder="Eg. New York, United States">
<!-- end input -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Departure</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox6" placeholder="MM/DD/YY">
<!-- end input -->
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Adults</label>
<!-- end label -->
<!-- input -->
<div class="select-style no-border no-margin-top margin-eight">
<select>
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
</select>
</div>
<!-- end input -->
</div>
</div>
<div class="col-md-6 col-sm-6 no-padding-left">
<button class="highlight-button-dark btn btn-medium button xs-margin-bottom-five"><i class="fa fa-search"></i>Search</button>
</div>
<div class="col-md-6 col-sm-6 no-padding-left text-right xs-text-left">
<a href="#" class="text-small text-uppercase white-text text-decoration-underline font-weight-600 margin-five display-inline-block">Advanced Search</a>
</div>
</form>
</div>
</div>
</div>
<!-- end tab content -->
<!-- tab content -->
<div class="tab-pane fade in" id="tab3_sec3">
<div class="row margin-two no-margin-bottom">
<div class="col-md-8 col-sm-12 center-col">
<form action="#" method="post">
<div class="col-lg-4 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">From</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox7" placeholder="Eg. Melbourne, Australia">
<!-- end input -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">To</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox8" placeholder="Eg. Europe">
<!-- end input -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Month</label>
<!-- end label -->
<!-- input -->
<div class="select-style no-border no-margin-bottom xs-margin-bottom-three">
<select>
<option value="">Select Month</option>
<option value="">January</option>
<option value="">February </option>
<option value="">March</option>
<option value="">April</option>
<option value="">May</option>
<option value="">June</option>
</select>
</div>
<!-- end input -->
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Adults</label>
<!-- end label -->
<!-- input -->
<div class="select-style no-border no-margin-top margin-eight">
<select>
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
</select>
</div>
<!-- end input -->
</div>
</div>
<div class="col-md-6 col-sm-6 no-padding-left">
<button class="highlight-button-dark btn btn-medium button xs-margin-bottom-five"><i class="fa fa-search"></i>Search</button>
</div>
<div class="col-md-6 col-sm-6 no-padding-left text-right xs-text-left">
<a href="#" class="text-small text-uppercase white-text text-decoration-underline font-weight-600 margin-five display-inline-block">Advanced Search</a>
</div>
</form>
</div>
</div>
</div>
<!-- end tab content -->
<!-- tab content -->
<div class="tab-pane fade in" id="tab3_sec4">
<div class="row margin-two no-margin-bottom">
<div class="col-md-8 col-sm-12 center-col">
<form action="#" method="post">
<div class="col-lg-4 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Where do you want to go?</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox9" placeholder="Eg. Melbourne, Australia">
<!-- end input -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Departure</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox10" placeholder="MM/DD/YY">
<!-- end input -->
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Return</label>
<!-- end label -->
<!-- input -->
<input type="text" name="name" id="textbox11" placeholder="MM/DD/YY">
<!-- end input -->
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6 no-padding-left xs-no-padding">
<div class="form-group no-margin-bottom">
<!-- label -->
<label class="text-uppercase white-text">Cars</label>
<!-- end label -->
<!-- input -->
<div class="select-style no-border no-margin-top margin-eight">
<select>
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
</select>
</div>
<!-- end input -->
</div>
</div>
<div class="col-md-6 col-sm-6 no-padding-left">
<button class="highlight-button-dark btn btn-medium button xs-margin-bottom-five"><i class="fa fa-search"></i>Search</button>
</div>
<div class="col-md-6 col-sm-6 no-padding-left text-right xs-text-left">
<a href="#" class="text-small text-uppercase white-text text-decoration-underline font-weight-600 margin-five display-inline-block">Advanced Search</a>
</div>
</form>
</div>
</div>
</div>
<!-- end tab content -->
</div>
<!-- end tab content section -->
</div>
</div>
</div>
</div>
</section>
<!-- end tab section -->
<!-- adventure section -->
<section class="no-padding-bottom">
<div class="container">
<div class="row">
<!-- section title -->
<div class="col-md-12 text-center">
<span class="title-med text-uppercase font-weight-600 letter-spacing-3 black-text display-block">Adventure is Everywhere</span>
<span class="text-med text-uppercase letter-spacing-2 display-block">Get out of your comfort zone</span>
<a class="highlight-button-black-border btn btn-small" href="#">Explore our trips</a>
</div>
<!-- end section title -->
</div>
</div>
<div class="container-fluid">
<div class="row margin-five no-margin-bottom">
<!-- adventure item -->
<div class="col-md-3 col-sm-6 no-padding travel-adventure overflow-hidden bg-black position-relative text-center">
<a href="#"><img src="http://placehold.it/900x700" alt=""/></a>
<figure class="text-large letter-spacing-3 white-text">Climb A Mountain</figure>
</div>
<!-- end adventure item -->
<!-- adventure item -->
<div class="col-md-3 col-sm-6 no-padding travel-adventure overflow-hidden bg-black position-relative text-center">
<a href="#"><img src="http://placehold.it/900x700" alt=""/></a>
<figure class="text-large letter-spacing-3 white-text">See Wild Animals</figure>
</div>
<!-- end adventure item -->
<!-- adventure item -->
<div class="col-md-3 col-sm-6 no-padding travel-adventure overflow-hidden bg-black position-relative text-center">
<a href="#"><img src="http://placehold.it/900x700" alt=""/></a>
<figure class="text-large letter-spacing-3 white-text">Meet Different Cultures</figure>
</div>
<!-- end adventure item -->
<!-- adventure item -->
<div class="col-md-3 col-sm-6 no-padding travel-adventure overflow-hidden bg-black position-relative text-center">
<a href="#"><img src="http://placehold.it/900x700" alt=""/></a>
<figure class="text-large letter-spacing-3 white-text">Go on a Voyage</figure>
</div>
<!-- end adventure item -->
<!-- adventure item -->
<div class="col-md-3 col-sm-6 no-padding travel-adventure overflow-hidden bg-black position-relative text-center">
<a href="#"><img src="http://placehold.it/900x700" alt=""/></a>
<figure class="text-large letter-spacing-3 white-text">Visit The Locals</figure>
</div>
<!-- end adventure item -->
<!-- adventure item -->
<div class="col-md-3 col-sm-6 no-padding travel-adventure overflow-hidden bg-black position-relative text-center">
<a href="#"><img src="http://placehold.it/900x700" alt=""/></a>
<figure class="text-large letter-spacing-3 white-text">Go Camping</figure>
</div>
<!-- end adventure item -->
<!-- adventure item -->
<div class="col-md-3 col-sm-6 no-padding travel-adventure overflow-hidden bg-black position-relative text-center">
<a href="#"><img src="http://placehold.it/900x700" alt=""/></a>
<figure class="text-large letter-spacing-3 white-text">Appreciate Architecture</figure>
</div>
<!-- end adventure item -->
<!-- adventure item -->
<div class="col-md-3 col-sm-6 no-padding travel-adventure overflow-hidden bg-black position-relative text-center">
<a href="#"><img src="http://placehold.it/900x700" alt=""/></a>
<figure class="text-large letter-spacing-3 white-text">Try New Foods</figure>
</div>
<!-- end adventure item -->
</div>
</div>
</section>
<!-- end adventure section -->
<!-- counter section -->
<section id="counter">
<div class="container">
<div class="row position-relative">
<!-- counter -->
<div class="col-md-3 col-sm-6 bottom-margin text-center counter-section wow fadeInUp sm-margin-bottom-ten" data-wow-duration="300ms">
<span class="timer counter-number main-font black-text" data-to="516" data-speed="7000"></span>
<span class="counter-title">Tours</span>
</div>
<!-- end counter -->
<!-- counter -->
<div class="col-md-3 col-sm-6 bottom-margin text-center counter-section wow fadeInUp sm-margin-bottom-ten" data-wow-duration="600ms">
<span class="timer counter-number main-font black-text" data-to="770" data-speed="7000"></span>
<span class="counter-title">Tourists</span>
</div>
<!-- end counter -->
<!-- counter -->
<div class="col-md-3 col-sm-6 bottom-margin-small text-center counter-section wow fadeInUp xs-margin-bottom-ten" data-wow-duration="900ms">
<span class="timer counter-number main-font black-text" data-to="690" data-speed="7000"></span>
<span class="counter-title">Hotels</span>
</div>
<!-- end counter -->
<!-- counter -->
<div class="col-md-3 col-sm-6 text-center counter-section wow fadeInUp" data-wow-duration="1200ms">
<span class="timer counter-number main-font black-text" data-to="813" data-speed="7000"></span>
<span class="counter-title">Destinations</span>
</div>
<!-- end counter -->
</div>
</div>
</section>
<!-- end counter section -->
<!-- special offers section -->
<section class="bg-gray">
<div class="container position-relative">
<div class="row">
<!-- section title -->
<div class="col-md-3 col-sm-6 text-center special-offers position-relative sm-margin-bottom-ten">
<div class="img-border-full border-color-black"></div>
<div class="special-offers-sub">
<img src="images/travel-13.png" alt="" class="margin-ten no-margin-top"/>
<span class="title-small text-uppercase font-weight-600 letter-spacing-3 black-text display-block margin-ten no-margin-top">Special<br>Offers</span>
</div>
</div>
<!-- end section title -->
<!-- special offers items -->
<div class="col-md-3 col-sm-6 text-center sm-margin-bottom-ten">
<a href="#"><img src="http://placehold.it/780x800" alt="" /></a>
<div class="white-box">
<span class="destinations-name text-uppercase font-weight-600 letter-spacing-3 black-text display-block"><a href="#">Essential Peru</a></span>
<span class="destinations-place text-uppercase font-weight-400 letter-spacing-2 display-block">2 Days / $450</span>
</div>
</div>
<!-- end special offers items -->
<!-- special offers items -->
<div class="col-md-3 col-sm-6 text-center xs-margin-bottom-ten">
<a href="#"><img src="http://placehold.it/780x800" alt="" /></a>
<div class="white-box">
<span class="destinations-name text-uppercase font-weight-600 letter-spacing-3 black-text display-block"><a href="#">Argentina Tours</a></span>
<span class="destinations-place text-uppercase font-weight-400 letter-spacing-2 display-block">3 Days / $399</span>
</div>
</div>
<!-- end special offers items -->
<!-- special offers items -->
<div class="col-md-3 col-sm-6 text-center">
<a href="#"><img src="http://placehold.it/780x800" alt="" /></a>
<div class="white-box">
<span class="destinations-name text-uppercase font-weight-600 letter-spacing-3 black-text display-block"><a href="#">Kenya - Safari</a></span>
<span class="destinations-place text-uppercase font-weight-400 letter-spacing-2 display-block">2 Days / $270</span>
</div>
</div>
<!-- end special offers items -->
</div>
</div>
</section>
<!-- end special offers section -->
<!-- top destinations section -->
<section id="tour-package" class="padding-two sm-padding-top-nine sm-padding-bottom-nine">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<!-- destinations items -->
<div class="col-md-4 col-sm-6 margin-two no-margin-top sm-margin-bottom-four xs-no-padding">
<div class="cover-background best-hotels-img" style="background-image:url('http://placehold.it/1019x700');">
<div class="col-md-6 col-sm-9 text-center best-hotels-text bg-white pull-right">
<div><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon"></i></div>
<span class="text-uppercase font-weight-600 display-block black-text margin-ten no-margin-bottom letter-spacing-2">Essential Peru</span>
<span class="text-uppercase letter-spacing-2 margin-ten display-block no-margin-top">7 Days / $350</span>
<a href="#" class="highlight-button-dark btn btn-small button no-margin-lr">Book Now</a>
</div>
<div class="destinations-offer bg-fast-yellow text-center font-weight-600 text-uppercase black-text text-large no-letter-spacing">20% <span class="display-block text-small">off</span></div>
</div>
</div>
<!-- end destinations items -->
<!-- destinations items -->
<div class="col-md-4 col-sm-6 margin-two no-margin-top sm-margin-bottom-four xs-no-padding">
<div class="cover-background best-hotels-img" style="background-image:url('http://placehold.it/1019x700');">
<div class="col-md-6 col-sm-9 text-center best-hotels-text bg-white pull-right">
<div><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon"></i></div>
<span class="text-uppercase font-weight-600 display-block black-text margin-ten no-margin-bottom letter-spacing-2">Maharaja Tour</span>
<span class="text-uppercase letter-spacing-2 margin-ten display-block no-margin-top">7 Days / $350</span>
<a href="#" class="highlight-button-dark btn btn-small button no-margin-lr">Book Now</a>
</div>
<div class="destinations-offer bg-fast-yellow text-center font-weight-600 text-uppercase black-text text-large no-letter-spacing">40% <span class="display-block text-small">off</span></div>
</div>
</div>
<!-- end destinations items -->
<!-- destinations items -->
<div class="col-md-4 col-sm-6 margin-two no-margin-top sm-margin-bottom-four xs-no-padding">
<div class="cover-background best-hotels-img" style="background-image:url('http://placehold.it/1019x700');">
<div class="col-md-6 col-sm-9 text-center best-hotels-text bg-white pull-right">
<div><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon"></i></div>
<span class="text-uppercase font-weight-600 display-block black-text margin-ten no-margin-bottom letter-spacing-2">African Surprise</span>
<span class="text-uppercase letter-spacing-2 margin-ten display-block no-margin-top">7 Days / $350</span>
<a href="#" class="highlight-button-dark btn btn-small button no-margin-lr">Book Now</a>
</div>
<div class="destinations-offer bg-fast-yellow text-center font-weight-600 text-uppercase black-text text-large no-letter-spacing">35% <span class="display-block text-small">off</span></div>
</div>
</div>
<!-- end destinations items -->
<!-- destinations items -->
<div class="col-md-4 col-sm-6 sm-margin-bottom-four xs-no-padding md-margin-bottom">
<div class="cover-background best-hotels-img" style="background-image:url('http://placehold.it/1019x700');">
<div class="col-md-6 col-sm-9 text-center best-hotels-text bg-white pull-right">
<div><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon"></i></div>
<span class="text-uppercase font-weight-600 display-block black-text margin-ten no-margin-bottom letter-spacing-2">Wonders India</span>
<span class="text-uppercase letter-spacing-2 margin-ten display-block no-margin-top">7 Days / $350</span>
<a href="#" class="highlight-button-dark btn btn-small button no-margin-lr">Book Now</a>
</div>
<div class="destinations-offer bg-fast-yellow text-center font-weight-600 text-uppercase black-text text-large no-letter-spacing">45% <span class="display-block text-small">off</span></div>
</div>
</div>
<!-- end destinations items -->
<!-- destinations items -->
<div class="col-md-4 col-sm-6 xs-margin-bottom-four xs-no-padding">
<div class="cover-background best-hotels-img" style="background-image:url('http://placehold.it/1019x700');">
<div class="col-md-6 col-sm-9 text-center best-hotels-text bg-white pull-right">
<div><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon"></i></div>
<span class="text-uppercase font-weight-600 display-block black-text margin-ten no-margin-bottom letter-spacing-2">Pilgrimage</span>
<span class="text-uppercase letter-spacing-2 margin-ten display-block no-margin-top">7 Days / $350</span>
<a href="#" class="highlight-button-dark btn btn-small button no-margin-lr">Book Now</a>
</div>
<div class="destinations-offer bg-fast-yellow text-center font-weight-600 text-uppercase black-text text-large no-letter-spacing">60% <span class="display-block text-small">off</span></div>
</div>
</div>
<!-- end destinations items -->
<!-- destinations items -->
<div class="col-md-4 col-sm-6 xs-margin-bottom-four xs-no-padding">
<div class="cover-background best-hotels-img" style="background-image:url('http://placehold.it/1019x700');">
<div class="col-md-6 col-sm-9 text-center best-hotels-text bg-white pull-right">
<div><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon yellow-text"></i><i class="fa fa-star-o small-icon"></i></div>
<span class="text-uppercase font-weight-600 display-block black-text margin-ten no-margin-bottom letter-spacing-2">Green Nepal</span>
<span class="text-uppercase letter-spacing-2 margin-ten display-block no-margin-top">7 Days / $350</span>
<a href="#" class="highlight-button-dark btn btn-small button no-margin-lr">Book Now</a>
</div>
<div class="destinations-offer bg-fast-yellow text-center font-weight-600 text-uppercase black-text text-large no-letter-spacing">36% <span class="display-block text-small">off</span></div>
</div>
</div>
<!-- end destinations items -->
</div>
</div>
</div>
</section>
<!-- end top destinations section -->
<!-- features items -->
<section class="bg-gray">
<div class="container">
<div class="row position-relative">
<!-- features grid -->
<!-- features item -->
<div class="col-md-3 col-xs-6 text-center features-box-style1 sm-margin-bottom-ten">
<i class="icon-ribbon medium-icon no-margin-bottom"></i>
<h5 class="margin-ten no-margin-top black-text xs-margin-bottom-five">Best Price Guarantee</h5>
<div class="separator-line-thick bg-magenta no-margin-bottom"></div>
</div>
<!-- end features item -->
<!-- features item -->
<div class="col-md-3 col-xs-6 text-center features-box-style1 sm-margin-bottom-ten">
<i class="icon-hotairballoon medium-icon no-margin-bottom"></i>
<h5 class="margin-ten no-margin-top black-text xs-margin-bottom-five">Trust and Safety</h5>
<div class="separator-line-thick bg-magenta no-margin-bottom"></div>
</div>
<!-- end features item -->
<!-- features item -->
<div class="col-md-3 col-xs-6 text-center features-box-style1 xs-margin-bottom-ten">
<i class="icon-heart medium-icon no-margin-bottom"></i>
<h5 class="margin-ten no-margin-top black-text xs-margin-bottom-five">Best Travel Agent</h5>
<div class="separator-line-thick bg-magenta no-margin-bottom"></div>
</div>
<!-- end features item -->
<!-- features item -->
<div class="col-md-3 col-xs-6 text-center features-box-style1">
<i class="icon-compass medium-icon no-margin-bottom"></i>
<h5 class="margin-ten no-margin-top black-text xs-margin-bottom-five">Travel Insurance </h5>
<div class="separator-line-thick bg-magenta no-margin-bottom"></div>
</div>
<!-- end features item -->
<!-- end features grid -->
</div>
</div>
</section>
<!-- end features items -->
<!-- tour packages section -->
<section class="work-4col gutter work-with-title wide wide-title no-padding-top xs-no-padding-bottom">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 text-center margin-five no-margin-bottom">
<div class="text-center">
<!-- tour filter -->
<ul class="portfolio-filter nav nav-tabs nav-tabs-light wow fadeInUp travel-work-filter sm-margin-bottom-one xs-margin-bottom-ten">
<li class="nav active"><a href="#" data-filter="*">All</a></li>
<li class="nav"><a href="#" data-filter=".holidays">Holidays</a></li>
<li class="nav"><a href="#" data-filter=".family">Family</a></li>
<li class="nav"><a href="#" data-filter=".honeymoon">Honeymoon</a></li>
<li class="nav"><a href="#" data-filter=".safari">Safari</a></li>
<li class="nav"><a href="#" data-filter=".luxury">Luxury</a></li>
</ul>
<!-- end tour filter -->
</div>
</div>
<div class="col-md-12 grid-gallery overflow-hidden no-padding" >
<div class="tab-content">
<!-- tour grid -->
<ul class="grid masonry-items">
<!-- tour item -->
<li class="holidays luxury safari">
<figure>
<div class="gallery-img"><a href="single-project-page1.html"><img src="http://placehold.it/800x500" alt=""></a></div>
<figcaption>
<h3><a href="single-project-page1.html">Best Of Paris</a></h3>
<p>8 Days / 7 Nights - $2500</p>
<a class="btn inner-link btn-black btn-small" href="#contact-us">Explore Now</a>
</figcaption>
</figure>
</li>
<!-- end tour item -->
<!-- tour item -->
<li class="holidays luxury">
<figure>
<div class="gallery-img"><a href="single-project-page1.html"><img src="http://placehold.it/800x500" alt=""></a></div>
<figcaption>
<h3><a href="single-project-page1.html">Bangkok Pattaya</a></h3>
<p>2 Days / 3 Nights - $580</p>
<a class="btn inner-link btn-black btn-small" href="#contact-us">Explore Now</a>
</figcaption>
</figure>
</li>
<!-- end tour item -->
<!-- tour item -->
<li class="honeymoon family safari luxury">
<figure>
<div class="gallery-img"><a href="single-project-page1.html"><img src="http://placehold.it/800x500" alt=""></a></div>
<figcaption>
<h3><a href="single-project-page1.html">Thailand Special</a></h3>
<p>4 Days / 5 Nights - $1500 (22% Off)</p>
<a class="btn inner-link btn-black btn-small" href="#contact-us">Explore Now</a>
</figcaption>
</figure>
</li>
<!-- end tour item -->
<!-- tour item -->
<li class="holidays honeymoon luxury">
<figure>
<div class="gallery-img"><a href="single-project-page1.html"><img src="http://placehold.it/800x500" alt=""></a></div>
<figcaption>
<h3><a href="single-project-page1.html">Australian Getaway</a></h3>
<p>2 Days / 3 Nights - $1500</p>
<a class="btn inner-link btn-black btn-small" href="#contact-us">Explore Now</a>
</figcaption>
</figure>
</li>
<!-- end tour item -->
<!-- tour item -->
<li class="Safari honeymoon family safari">
<figure>
<div class="gallery-img"><a href="single-project-page2.html"><img src="http://placehold.it/800x500" alt=""></a></div>
<figcaption>
<h3><a href="single-project-page2.html">Switzerland Winter</a></h3>
<p>5 Days / 6 Nights - $1350 (50% Off)</p>
<a class="btn inner-link btn-black btn-small" href="#contact-us">Explore Now</a>
</figcaption>
</figure>
</li>
<!-- end tour item -->
<!-- tour item -->
<li class="Safari holidays family">
<figure>
<div class="gallery-img"><a href="single-project-page3.html"><img src="http://placehold.it/800x500" alt=""></a></div>
<figcaption>
<h3><a href="single-project-page3.html">Singapore City</a></h3>
<p>2 Days / 3 Nights - $950</p>
<a class="btn inner-link btn-black btn-small" href="#contact-us">Explore Now</a>
</figcaption>
</figure>
</li>
<!-- end tour item -->
<!-- tour item -->
<li class="Safari honeymoon family safari">
<figure>
<div class="gallery-img"><a href="single-project-page2.html"><img src="http://placehold.it/800x500" alt=""></a></div>
<figcaption>
<h3><a href="single-project-page2.html">Principe Forte Dei Marmi</a></h3>
<p>5 Days / 6 Nights - $1350 (50% Off)</p>
<a class="btn inner-link btn-black btn-small" href="#contact-us">Explore Now</a>
</figcaption>
</figure>
</li>
<!-- end tour item -->
<!-- tour item -->
<li class="Safari honeymoon family">
<figure>
<div class="gallery-img"><a href="single-project-page2.html"><img src="http://placehold.it/800x500" alt=""></a></div>
<figcaption>
<h3><a href="single-project-page2.html">South Africa Adventures</a></h3>
<p>5 Days / 6 Nights - $1350 (50% Off)</p>
<a class="btn inner-link btn-black btn-small" href="#contact-us">Explore Now</a>
</figcaption>
</figure>
</li>
<!-- end tour item -->
</ul>
<!-- end tour grid -->
</div>
</div>
</div>
</div>
</section>
<!-- end tour packages section -->
<!-- best hotels section -->
<section class="bg-gray">
<div class="container position-relative">
<div class="row">
<!-- section title -->
<div class="col-md-3 col-sm-6 text-center special-offers position-relative sm-margin-bottom-ten">
<div class="img-border-full border-color-black"></div>
<div class="special-offers-sub">
<img src="images/travel-25.png" alt="" class="margin-ten no-margin-top"/>
<span class="title-small text-uppercase font-weight-600 letter-spacing-3 black-text display-block margin-ten no-margin-top">Best<br>Hotels</span>
</div>
</div>
<!-- end section title -->
<!-- hotel item -->
<div class="col-md-3 col-sm-6 text-center sm-margin-bottom-ten">
<a href="#"><img src="http://placehold.it/780x800" alt="" /></a>
<div class="white-box">
<span class="destinations-name text-uppercase font-weight-600 letter-spacing-3 black-text display-block"><a href="#">Fairmount Hotel</a></span>
<div class="no-margin-bottom"><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o"></i></div>
</div>
</div>
<!-- end hotel item -->
<!-- hotel item -->
<div class="col-md-3 col-sm-6 text-center xs-margin-bottom-ten">
<a href="#"><img src="http://placehold.it/780x800" alt="" /></a>
<div class="white-box">
<span class="destinations-name text-uppercase font-weight-600 letter-spacing-3 black-text display-block"><a href="#">The Oberoi Cecil</a></span>
<div class="no-margin-bottom"><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o"></i></div>
</div>
</div>
<!-- end hotel item -->
<!-- hotel item -->
<div class="col-md-3 col-sm-6 text-center">
<a href="#"><img src="http://placehold.it/780x800" alt="" /></a>
<div class="white-box">
<span class="destinations-name text-uppercase font-weight-600 letter-spacing-3 black-text display-block"><a href="#">Radisson Hotel</a></span>
<div class="no-margin-bottom"><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o yellow-text"></i><i class="fa fa-star-o"></i></div>
</div>
</div>
<!-- end hotel item -->
</div>
</div>
</section>
<!-- end best hotels section -->
<!-- footer -->
<footer>
<div class=" bg-white footer-top">
<div class="container">
<div class="row margin-four">
<!-- phone -->
<div class="col-md-4 col-sm-4 text-center"><i class="icon-phone small-icon black-text"></i><h6 class="black-text margin-two no-margin-bottom">123-456-7890</h6></div>
<!-- end phone -->
<!-- address -->
<div class="col-md-4 col-sm-4 text-center"><i class="icon-map-pin small-icon black-text"></i><h6 class="black-text margin-two no-margin-bottom">Victoria, United States</h6></div>
<!-- end address -->
<!-- email -->
<div class="col-md-4 col-sm-4 text-center"><i class="icon-envelope small-icon black-text"></i><h6 class="margin-two no-margin-bottom"><a href="mailto:no-reply@domain.com" class="black-text">no-reply@domain.com</a></h6></div>
<!-- end email -->
</div>
</div>
</div>
<div class="container footer-middle">
<div class="row">
<div class="col-md-3 col-sm-3 footer-link1 xs-display-none">
<!-- headline -->
<h5>About Us</h5>
<!-- end headline -->
<!-- text -->
<p class="footer-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<!-- end text -->
</div>
<div class="col-md-2 col-sm-3 col-xs-4 footer-link2 col-md-offset-3">
<!-- headline -->
<h5>Company</h5>
<!-- end headline -->
<!-- link -->
<ul>
<li><a href="about-us.html">About Company</a></li>
<li><a href="about-us.html">What We Do</a></li>
<li><a href="about-us.html">What We Think</a></li>
<li><a href="careers.html">Careers</a></li>
</ul>
<!-- end link -->
</div>
<div class="col-md-2 col-sm-3 col-xs-4 footer-link3">
<!-- headline -->
<h5>Services</h5>
<!-- end headline -->
<!-- link -->
<ul>
<li><a href="services.html">Web Development</a></li>
<li><a href="services.html">Graphic Design</a></li>
<li><a href="services.html">Copywriting</a></li>
<li><a href="services.html">Online Marketing</a></li>
</ul>
<!-- end link -->
</div>
<div class="col-md-2 col-sm-3 col-xs-4 footer-link4">
<!-- headline -->
<h5>Introduction</h5>
<!-- end headline -->
<!-- link -->
<ul>
<li><a href="team-members.html">Team Members</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="our-clients.html">Our Clients</a></li>
<li><a href="careers.html">Careers With Us</a></li>
</ul>
<!-- end link -->
</div>
</div>
<div class="wide-separator-line bg-mid-gray no-margin-lr margin-three no-margin-bottom"></div>
<div class="row margin-four no-margin-bottom">
<div class="col-md-6 col-sm-12 sm-text-center sm-margin-bottom-four">
<!-- link -->
<ul class="list-inline footer-link text-uppercase">
<li><a href="about-us.html">About</a></li>
<li><a href="blog-masonry-3columns.html">Blog</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
<!-- end link -->
</div>
<div class="col-md-6 col-sm-12 footer-social text-right sm-text-center">
<!-- social media link -->
<a target="_blank" href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a>
<a target="_blank" href="https://twitter.com/"><i class="fa fa-twitter"></i></a>
<a target="_blank" href="https://plus.google.com"><i class="fa fa-google-plus"></i></a>
<a target="_blank" href="https://dribbble.com/"><i class="fa fa-dribbble"></i></a>
<a target="_blank" href="https://www.youtube.com/"><i class="fa fa-youtube"></i></a>
<a target="_blank" href="https://www.linkedin.com/"><i class="fa fa-linkedin"></i></a>
<!-- end social media link -->
</div>
</div>
</div>
<div class="container-fluid bg-dark-gray footer-bottom">
<div class="container">
<div class="row margin-three">
<!-- copyright -->
<div class="col-md-6 col-sm-6 col-xs-12 copyright text-left letter-spacing-1 xs-text-center xs-margin-bottom-one">
&copy; 2015 H-Code is proudly powered by ThemeZaa.
</div>
<!-- end copyright -->
<!-- logo -->
<div class="col-md-6 col-sm-6 col-xs-12 footer-logo text-right xs-text-center">
<a href="index.html"><img src="images/logo-light-gray.png" alt=""/></a>
</div>
<!-- end logo -->
</div>
</div>
</div>
<!-- scroll to top -->
<a href="javascript:;" class="scrollToTop"><i class="fa fa-angle-up"></i></a>
<!-- scroll to top End... -->
</footer>
<!-- end footer -->
<!-- javascript libraries / javascript files set #1 -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-hover-dropdown.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/smooth-scroll.js"></script>
<!-- jquery appear -->
<script type="text/javascript" src="js/jquery.appear.js"></script>
<!-- animation -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- page scroll -->
<script type="text/javascript" src="js/page-scroll.js"></script>
<!-- easy piechart-->
<script type="text/javascript" src="js/jquery.easypiechart.js"></script>
<!-- parallax -->
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<!--portfolio with shorting tab -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<!-- owl slider -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- magnific popup -->
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/popup-gallery.js"></script>
<!-- text effect -->
<script type="text/javascript" src="js/text-effect.js"></script>
<!-- revolution slider -->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.revolution.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/counter.js"></script>
<!-- countTo -->
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<!-- fit videos -->
<script type="text/javascript" src="js/jquery.fitvids.js"></script>
<!-- imagesloaded -->
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<!-- hamburger menu-->
<script type="text/javascript" src="js/classie.js"></script>
<script type="text/javascript" src="js/hamburger-menu.js"></script>
<!-- setting -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>