Let's The World Together!
Find awesome hotel, tour, car and activities in London
<header id="header" class="u-header u-header--dark-nav-links-xl u-header--nav-links-normal u-header--static-xl u-header--show-hide-xl" data-header-fix-moment="500" data-header-fix-effect="slide">
<div class="u-header__section u-header__shadow-on-show-hide py-3 py-xl-0">
<div id="logoAndNav" class="container-fluid py-1">
<!-- Nav -->
<nav class="js-mega-menu navbar navbar-expand-xl u-header__navbar u-header__navbar--no-space">
<!-- Logo -->
<a class="navbar-brand u-header__navbar-brand-default u-header__navbar-brand-center u-header__navbar-brand-text-md u-header__navbar-brand-text-dark-xl u-header__divider-xl u-header__divider-right pr-xl-5" href="#" aria-label="MyTravel">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45px" height="43px">
<path fill-rule="evenodd" class="fill-primary"
d="M43.506,41.545 C41.527,43.495 38.330,43.482 36.367,41.516 L33.354,38.524 C33.037,38.198 33.037,37.680 33.354,37.354 C33.680,37.019 34.217,37.010 34.554,37.333 L37.566,40.324 C38.866,41.577 40.934,41.577 42.234,40.324 C43.563,39.045 43.595,36.938 42.306,35.618 L40.991,34.312 C40.673,33.985 40.673,33.468 40.991,33.141 C41.317,32.806 41.854,32.797 42.191,33.120 L43.506,34.426 C43.516,34.436 43.526,34.445 43.535,34.455 C45.499,36.421 45.486,39.595 43.506,41.545 ZM39.156,30.346 C39.074,30.346 38.992,30.334 38.914,30.310 C38.914,30.310 38.914,30.310 38.914,30.310 C38.465,30.178 38.209,29.708 38.343,29.262 C39.716,24.674 39.060,19.722 36.539,15.642 C31.635,7.705 21.180,5.219 13.186,10.088 C13.161,10.105 13.135,10.121 13.108,10.136 C12.696,10.358 12.181,10.207 11.957,9.798 C11.733,9.390 11.885,8.878 12.297,8.655 C15.237,6.859 18.623,5.909 22.075,5.912 C23.872,5.913 25.660,6.172 27.383,6.680 C37.273,9.599 42.907,19.925 39.969,29.744 C39.861,30.101 39.531,30.346 39.156,30.346 ZM11.293,6.508 L10.444,5.666 C10.127,5.339 10.127,4.821 10.444,4.495 C10.770,4.160 11.307,4.151 11.644,4.474 L12.493,5.317 C12.810,5.643 12.810,6.161 12.493,6.487 C12.167,6.822 11.630,6.831 11.293,6.508 ZM7.899,3.138 L7.432,2.674 C6.132,1.422 4.065,1.421 2.765,2.674 C1.436,3.953 1.404,6.060 2.692,7.380 L8.250,12.900 C8.409,13.057 8.498,13.272 8.498,13.495 C8.499,13.961 8.119,14.337 7.650,14.338 C7.425,14.338 7.209,14.249 7.050,14.091 L1.493,8.572 C1.483,8.562 1.473,8.553 1.463,8.543 C-0.500,6.577 -0.488,3.403 1.492,1.454 C3.472,-0.496 6.668,-0.484 8.632,1.482 L9.099,1.946 C9.106,1.953 9.113,1.960 9.120,1.967 C9.445,2.302 9.436,2.835 9.099,3.158 C8.762,3.482 8.224,3.472 7.899,3.138 ZM6.335,16.104 C6.758,16.304 6.938,16.806 6.737,17.227 C4.281,22.376 4.610,28.409 7.613,33.265 C12.519,41.198 22.974,43.680 30.964,38.808 C30.989,38.791 31.015,38.775 31.042,38.761 C31.454,38.538 31.969,38.689 32.193,39.098 C32.417,39.507 32.265,40.018 31.853,40.241 C28.913,42.037 25.528,42.987 22.075,42.984 C19.314,42.983 16.587,42.373 14.091,41.200 C4.769,36.817 0.790,25.760 5.204,16.504 C5.405,16.083 5.911,15.904 6.335,16.104 ZM32.942,28.678 C33.219,28.623 33.506,28.709 33.706,28.907 L35.403,30.593 C35.734,30.922 35.734,31.455 35.403,31.784 L32.360,34.805 C30.429,36.723 27.298,36.723 25.366,34.805 L20.378,29.852 L17.584,32.627 C17.252,32.956 16.715,32.956 16.384,32.627 L14.687,30.942 C14.498,30.753 14.409,30.486 14.449,30.222 L15.238,24.746 L10.301,19.844 C9.032,18.585 9.032,16.543 10.301,15.283 C11.569,14.024 13.626,14.024 14.895,15.283 L19.699,20.052 L29.332,15.269 C29.659,15.107 30.054,15.170 30.312,15.427 L32.009,17.112 C32.340,17.441 32.340,17.975 32.009,18.303 L24.972,25.291 L29.145,29.432 L32.942,28.678 ZM16.984,30.840 L19.178,28.661 L16.735,26.235 L16.187,30.047 L16.984,30.840 ZM28.261,30.942 L23.170,25.886 C22.838,25.557 22.838,25.024 23.170,24.695 L30.206,17.708 L29.542,17.048 L19.909,21.832 C19.582,21.994 19.188,21.930 18.930,21.674 L13.693,16.475 C13.401,16.185 13.006,16.023 12.595,16.023 C11.738,16.023 11.044,16.713 11.044,17.564 C11.042,17.973 11.205,18.366 11.497,18.656 L16.731,23.853 L20.974,28.066 L26.561,33.614 C27.830,34.873 29.886,34.873 31.155,33.614 L33.598,31.189 L32.821,30.417 L29.024,31.171 C28.747,31.226 28.461,31.140 28.261,30.942 Z"/>
</svg>
<span class="u-header__navbar-brand-text">MyTravel</span>
</a>
<!-- End Logo -->
<!-- Responsive Toggle Button -->
<button type="button" class="navbar-toggler btn u-hamburger u-hamburger--primary order-2 ml-3" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
<span id="hamburgerTrigger" class="u-hamburger__box">
<span class="u-hamburger__inner"></span>
</span>
</button>
<!-- End Responsive Toggle Button -->
<!-- Navigation -->
<div id="navBar" class="navbar-collapse u-header__navbar-collapse u-header-left-aligned-nav collapse order-2 order-xl-0 pt-4 pt-xl-0">
<ul class="navbar-nav u-header__navbar-nav">
<!-- Home -->
<li class="nav-item u-header__nav-item">
<a class="nav-link u-header__nav-link u-header__nav-link-border" href="#">Home</a>
</li>
<!-- End Home -->
<!-- Hotel -->
<li class="nav-item hs-has-sub-menu u-header__nav-item" data-event="hover" data-animation-in="slideInUp" data-animation-out="fadeOut">
<a id="hotelMenu" class="nav-link u-header__nav-link u-header__nav-link-toggle u-header__nav-link-border" href="javascript:;" aria-haspopup="true" aria-expanded="false" aria-labelledby="hotelSubMenu">Hotel</a>
<!-- Hotel Submenu -->
<ul id="hotelSubMenu" class="hs-sub-menu u-header__sub-menu u-header__sub-menu-bordered hs-sub-menu-right u-header__sub-menu--spacer" aria-labelledby="hotelMenu" style="min-width: 230px;">
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">List</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Grid</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Sidebar</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Full Width</a></li>
</ul>
<!-- End Hotel Submenu -->
</li>
<!-- End Hotel -->
<!-- Tour -->
<li class="nav-item hs-has-mega-menu u-header__nav-item" data-event="hover" data-animation-in="slideInUp" data-animation-out="fadeOut" data-max-width="722px" data-position="left">
<a id="tourMegaMenu" class="nav-link u-header__nav-link u-header__nav-link-toggle" href="javascript:;" aria-haspopup="true" aria-expanded="false">Tour</a>
<!-- Tour - Mega Menu -->
<div class="hs-mega-menu u-header__sub-menu u-header__mega-menu-position-left-fix-10" aria-labelledby="tourMegaMenu">
<div class="row">
<div class="col-12 col-xl-3dot64">
<span class="u-header__sub-menu-title">List Style</span>
<ul class="u-header__sub-menu-nav-group u-header__sub-menu-bordered mb-3">
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Top Search Layout</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Sidebar Search Layout</a></li>
</ul>
</div>
<div class="col-12 col-xl-3dot64">
<span class="u-header__sub-menu-title">Single</span>
<ul class="u-header__sub-menu-nav-group u-header__sub-menu-bordered mb-3">
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Tour Single 1</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Tour Single 2</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Tour Single 3</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Tour Single 4</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Tour Single 5</a></li>
</ul>
</div>
<div class="col-12 col-xl">
<!-- Banner Image -->
<div class="u-header__banner u-header__banner-no-overlay rounded-xs" style="background-image: url(../../assets/img/240x243/img1.jpg);">
<div class="u-header__banner-content u-header__banner-content-not-centered">
<span class="u-header__banner-title">Special Offers</span>
<p class="u-header__banner-text">Find Your Perfect Hotels Get the best prices on 20,000+ properties the best prices on</p>
<a class="btn btn-white text-blue btn-sm rounded-xs transition-3d-hover" href="#">See Deals</a>
</div>
</div>
<!-- End Banner Image -->
</div>
</div>
</div>
<!-- End Tour - Mega Menu -->
</li>
<!-- End Tour -->
<!-- Activicity -->
<li class="nav-item u-header__nav-item">
<a class="nav-link u-header__nav-link u-header__nav-link-border" href="#">Activicity</a>
</li>
<!-- End Activicity -->
<!-- Rental -->
<li class="nav-item hs-has-sub-menu u-header__nav-item" data-event="hover" data-animation-in="slideInUp" data-animation-out="fadeOut">
<a id="rentalMenu" class="nav-link u-header__nav-link u-header__nav-link-toggle u-header__nav-link-border" href="javascript:;" aria-haspopup="true" aria-expanded="false" aria-labelledby="rentalSubMenu">Rental</a>
<!-- Rental Submenu -->
<ul id="rentalSubMenu" class="hs-sub-menu u-header__sub-menu u-header__sub-menu-bordered hs-sub-menu-right u-header__sub-menu--spacer" aria-labelledby="rentalMenu" style="min-width: 230px;">
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">List</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Grid</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Sidebar</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Full Width</a></li>
</ul>
<!-- End Rental Submenu -->
</li>
<!-- End Rental -->
<!-- Car -->
<li class="nav-item u-header__nav-item">
<a class="nav-link u-header__nav-link u-header__nav-link-border" href="#">Car</a>
</li>
<!-- End Car -->
<!-- Yacht -->
<li class="nav-item hs-has-sub-menu u-header__nav-item" data-event="hover" data-animation-in="slideInUp" data-animation-out="fadeOut">
<a id="yachtMenu" class="nav-link u-header__nav-link u-header__nav-link-toggle u-header__nav-link-border" href="javascript:;" aria-haspopup="true" aria-expanded="false" aria-labelledby="yachtSubMenu">Yacht</a>
<!-- Yacht Submenu -->
<ul id="yachtSubMenu" class="hs-sub-menu u-header__sub-menu u-header__sub-menu-bordered hs-sub-menu-right u-header__sub-menu--spacer" aria-labelledby="yachtMenu" style="min-width: 230px;">
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">List</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Grid</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Sidebar</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Full Width</a></li>
</ul>
<!-- End Yacht Submenu -->
</li>
<!-- End Yacht -->
<!-- Flights -->
<li class="nav-item u-header__nav-item">
<a class="nav-link u-header__nav-link u-header__nav-link-border" href="#">Flights</a>
</li>
<!-- End Flights -->
<!-- Pages -->
<li class="nav-item hs-has-sub-menu u-header__nav-item" data-event="hover" data-animation-in="slideInUp" data-animation-out="fadeOut">
<a id="pagesMenu" class="nav-link u-header__nav-link u-header__nav-link-toggle u-header__nav-link-border" href="javascript:;" aria-haspopup="true" aria-expanded="false" aria-labelledby="pagesSubMenu">Pages</a>
<!-- Pages Submenu -->
<ul id="pagesSubMenu" class="hs-sub-menu u-header__sub-menu u-header__sub-menu-bordered hs-sub-menu-right u-header__sub-menu--spacer" aria-labelledby="pagesMenu" style="min-width: 230px;">
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Destination</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">About us</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Blog</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">FAQs</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Contact</a></li>
<li><a class="nav-link u-header__sub-menu-nav-link" href="#">Terms of Use</a></li>
</ul>
<!-- End Pages Submenu -->
</li>
<!-- End Pages -->
</ul>
</div>
<!-- End Navigation -->
<!-- Shopping Cart -->
<div class="shopping-cart pr-xl-4 mr-xl-1 ml-auto d-none d-md-block">
<a id="shoppingCartDropdownInvoker" class="btn-text-primary position-relative py-4" href="javascript:;" role="button" aria-controls="shoppingCartDropdown" aria-haspopup="true" aria-expanded="false" data-unfold-event="hover" data-unfold-target="#shoppingCartDropdown" data-unfold-type="css-animation" data-unfold-duration="300" data-unfold-delay="300" data-unfold-hide-on-scroll="true" data-unfold-animation-in="slideInUp" data-unfold-animation-out="fadeOut">
<span class="flaticon-shopping-basket font-size-22 text-primary-max-lg"></span>
</a>
<div id="shoppingCartDropdown" class="dropdown-menu dropdown-unfold dropdown-menu-right dropdown-menu-right-fix-wd-20 dropdown-menu-right-fix-xl-10 text-center p-7" aria-labelledby="shoppingCartDropdownInvoker" style="min-width: 250px;">
<span class="btn btn-icon btn-soft-primary rounded-circle mb-3">
<span class="flaticon-shopping-basket btn-icon__inner"></span>
</span>
<span class="d-block">Your Cart is Empty</span>
</div>
</div>
<!-- End Shopping Cart -->
<!-- My Account -->
<div class="position-relative pl-4 pr-xl-4 u-header__divider-xl ml-auto ml-md-0">
<a href="#" class="d-flex align-items-center text-primary">
<i class="flaticon-user mx-xl-2"></i>
<span class="d-none d-xl-inline-block mr-1">Sign in or Register</span>
</a>
</div>
<!-- End My Account -->
<!-- Button -->
<div class="u-header__last-item-btn u-header__last-item-btn-xl">
<a class="btn btn-md-wide rounded-xs btn-outline-primary transition-3d-hover" href="#" target="_blank">Become Local Expert</a>
</div>
<!-- End Button -->
</nav>
<!-- End Nav -->
</div>
</div>
</header>
<link rel="stylesheet" href="../../assets/vendor/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" href="../../assets/vendor/animate.css/animate.min.css">
<link rel="stylesheet" href="../../assets/vendor/hs-megamenu/src/hs.megamenu.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
<!-- JS MyTravel -->
<script src="../../assets/js/hs.core.js"></script>
<script src="../../assets/js/components/hs.header.js"></script>
<script src="../../assets/js/components/hs.unfold.js"></script>
<script src="../../assets/js/components/hs.show-animation.js"></script>
<!-- JS Plugins Init. -->
<script>
$(window).on('load', function () {
// initialization of HSMegaMenu component
$('.js-mega-menu').HSMegaMenu({
event: 'hover',
pageContainer: $('.container'),
breakpoint: 1199.98,
hideTimeOut: 0
});
});
$(document).on('ready', function () {
// initialization of header
$.HSCore.components.HSHeader.init($('#header'));
// initialization of unfold component
$.HSCore.components.HSUnfold.init($('[data-unfold-target]'));
// initialization of show animations
$.HSCore.components.HSShowAnimation.init('.js-animation-link');
});
</script>