<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="robots" content="" />
<meta name="description" content="Triper : Tour, Travel & Travel Agency Template" />
<meta property="og:title" content="Triper : Tour, Travel & Travel Agency Template" />
<meta property="og:description" content="Triper : Tour, Travel & Travel Agency Template" />
<meta property="og:image" content="social-image.png" />
<meta name="format-detection" content="telephone=no">
<!-- FAVICONS ICON -->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<!-- PAGE TITLE HERE -->
<title>Travel with Susa</title>
<!-- MOBILE SPECIFIC -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- STYLESHEETS -->
<link rel="stylesheet" type="text/css" href="css/plugins.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/templete.css">
<link class="skin" rel="stylesheet" type="text/css" href="css/skin/skin-1.css">
<link rel="stylesheet" href="plugins/datepicker/css/bootstrap-datetimepicker.min.css"/>
<!-- Revolution Slider Css -->
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/navigation.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
<link href="css/testermonial.css" rel="stylesheet" type="text/css"/>
<!-- Revolution Navigation Style -->
</head>
<body >
<div class="page-wraper">
<!-- header -->
<header class="site-header mo-left header">
<!-- top bar -->
<div class="top-bar bg-dark">
<div class="container">
<div class="row d-flex justify-content-between">
<div class="col-md-6 dlab-topbar-left">
<ul>
<li><i class="fa fa-envelope"></i> [email protected]</li>
<li><i class="fa fa-mobile"></i> (+94) 77 258 35689</li>
</ul>
</div>
<div class="col-md-6 dlab-topbar-right ">
<!-- <ul>
<li><i class="fa fa-envelope"></i> [email protected]</li>
<li><i class="fa fa-mobile"></i> (+94) 77 258 35689</li>
</ul>-->
</div>
</div>
</div>
</div>
<!-- top bar END-->
<!-- main header -->
<div class="sticky-header navbar-expand-lg">
<div class="main-bar clearfix onepage">
<div class="container clearfix">
<!-- website logo -->
<div class="logo-header mostion">
<a href="index.php"><img src="images/logo.png" alt=""></a>
</div>
<!-- Quik search -->
<div class="dlab-quik-search bg-primary search-style-1">
<form action="#">
<input name="search" value="" type="text" class="form-control" placeholder="Type to search">
<span id="quik-search-remove"><i class="ti-close"></i></span>
</form>
</div>
<!-- main nav -->
<div class="header-nav navbar-collapse collapse navbar myNavbar justify-content-end" id="navbarNavDropdown">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#">About us </a> </li>
<li><a href="#">Excursions </a> </li>
<li><a href="#">Tour Packages </a> </li>
<li><a href="#">Feedback </a> </li>
<li><a href="#">Gallery </a> </li>
<li><a href="#" >Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- main header END -->
</header> <!-- header END -->
<!-- Content -->
<div class="page-content">
<!-- Main Slider -->
<div class="rev-slider">
<div id="rev_slider_265_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container errow-style-1" data-alias="" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.4.6.3 fullwidth mode -->
<div id="rev_slider_265_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.6.3">
<ul> <!-- SLIDE -->
<li data-index="rs-100" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="images/main-slider/slide1.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="images/main-slider/slide1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<div class="tp-caption tp-shape tp-shapewrapper"
id="slide-100-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full"
data-height="full"
data-whitespace="nowrap"
data-type="shape"
data-basealign="slide"
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","ease":"nothing"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5;"> </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme d-md-block d-none text-white"
id="slide-100-layer-2"
data-x="380"
data-y="210"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":"+500","split":"chars","splitdelay":0.05000000000000000277555756156289135105907917022705078125,"speed":2000,"split_direction":"forward","frame":"0","from":"opacity:0;","color":"#000000","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":2000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: nowrap; font-size: 65px; line-height: 60px; font-weight: 800; letter-spacing: 0px; font-family:Signika;text-shadow: 3px 3px #020000;margin-top: 80px;">Wel come to Sri Lanka </div>
<div class="tp-caption tp-resizeme d-md-block d-none text-white"
id="slide-100-layer-3"
data-x="380"
data-y="280"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":"+2000","split":"chars","splitdelay":0.05000000000000000277555756156289135105907917022705078125,"speed":2000,"split_direction":"forward","frame":"0","from":"opacity:0;","color":"#000000","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":2000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: nowrap; font-size: 65px; line-height: 60px; font-weight: 800; letter-spacing: 0px; font-family:Signika;text-shadow: 3px 3px #020000;margin-top: 90px;"> Amazing And Adventures Waiting For You</div>
</li>
<li data-index="rs-200" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="images/main-slider/slide2.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="images/main-slider/slide2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<div class="tp-caption tp-shape tp-shapewrapper"
id="slide-200-layer-1"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full"
data-height="full"
data-whitespace="nowrap"
data-type="shape"
data-basealign="slide"
data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":0,"speed":1500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","ease":"nothing"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 5; "> </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme d-md-block d-none text-white"
id="slide-200-layer-2"
data-x="380"
data-y="210"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":"+500","split":"chars","splitdelay":0.05000000000000000277555756156289135105907917022705078125,"speed":2000,"split_direction":"forward","frame":"0","from":"opacity:0;","color":"#000000","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":2000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: nowrap; font-size: 65px; line-height: 60px; font-weight: 800; letter-spacing: 0px; font-family:Signika;text-shadow: 3px 3px #020000;margin-top: 80px;">Amazing Tours And Fun</div>
<div class="tp-caption tp-resizeme d-md-block d-none text-white"
id="slide-200-layer-3"
data-x="380"
data-y="280"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":"+2000","split":"chars","splitdelay":0.05000000000000000277555756156289135105907917022705078125,"speed":2000,"split_direction":"forward","frame":"0","from":"opacity:0;","color":"#000000","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":2000,"frame":"999","color":"transparent","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: nowrap; font-size: 65px; line-height: 60px; font-weight: 800; letter-spacing: 0px; font-family:Signika;text-shadow: 3px 3px #020000;margin-top: 90px;"> Adventures Waiting For You</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
</div>
</div> <!-- Main Slider -->
<!-- About Us -->
<div class="section-full bg-white content-inner dlab-about-1 promotions" id="about-us">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-7 col-sm-12" style="margin-bottom: 50px;">
<div class="section-head d-flex text-black">
<div class="flex-grow-1">
<h2 class="text-uppercase m-b0 main-font">Welcome to Sri lanka</h2>
<p class="m-b0">Best Tour Guide In Sri Lanka</p>
</div>
</div>
<p class="text-justify">The <strong>GRAND TOUR OF EUROPE</strong><strong></strong> – the very words evoke images reminding us of what we perhaps think of as being the golden days of the Romance of Travel.</p>
<p class="text-justify"> It was probably during the 17th Century that the origins of the Grand Tour of Europe, as we now understand it to have been, actually started. In due course, and as the travellers returned with wonderful tales of what they had seen, a Grand Tour developed to become an essential part of the education and learning process of the sons and daughters of the wealthy and privileged of the day.</p>
<p class="text-justify"> Of course, travel then was something completely different from anything that we can all enjoy today. Imagine a world with only the horse as your method of transport on land. A time also when it could sometimes take three days just to cross the Channel! A Grand Tour then inevitably often took years and was fraught with quite as many perils as pleasures.</p>
</div>
<div class="col-lg-5 col-md-5 col-sm-12">
<center>
<img src="images/lanka-map.png" alt="srilanka map">
</center>
</div>
</div>
</div>
</div>
<!-- About Us END -->
<div class="section-full bg-white content-inner-2 bgeffect overlay-black-middle" style="background-image:url(images/background/bg1.jpg); background-position:right" data-0="background-position:0px 0px;" data-end="background-position:0px -500px;">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center col-md-12">
<div class="add-area">
<h3>1000 $ for person - 6 nights</h3>
<h2>Discount <span class="text-primary">10-30%</span> Off</h2>
<p>If you’re looking for a truly memorable family break here you find the lowest price on the right hotel for you. It's indescribable. Stay up to date and check out the deals for these trending destinations.</p>
<a href="#" class="site-button white">See Promotion Tours</a>
</div>
</div>
</div>
</div>
</div>
<!-- Tour Package -->
<div class="section-full bg-white content-inner dlab-about-1 promotions" id="about-us">
<div class="container">
<div class="section-head d-flex text-black">
<div class="flex-grow-1">
<h2 class="text-uppercase m-b0 main-font">Select Your Tour Package</h2>
<p class="m-b0">CHOOSE YOUR NEXT TOUR PACKAGE</p>
</div>
<div class="align-self-center">
<a href="packages.html" class="site-button button-md pull-right m-t5">View All</a>
</div>
</div>
</div>
<div class="container">
<div class="row" id="masonry">
<div class="col-lg-4 col-md-6 col-sm-6 m-b30 card-container">
<div class="dlab-box">
<div class="dlab-media"> <a href="#">
<img src="images/tour/kandy-dancers.jpg" alt=""></a>
<div class="tr-price">
<span>02 Days</span>
</div>
</div>
<div class="dlab-info p-a20 border-1 text-center">
<h4 class="dlab-title m-t0"><a href="">02 Days Cultural Tour</a></h4>
<p class="text-justify">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, when an unknown printer took a galley of type and.</p>
<div class="tr-btn-info">
<a href="#" class="site-button radius-no"><i class="fa fa-calendar" aria-hidden="true"></i> Inquiry Now</a>
<a href="#" class="site-button bg-primary-dark radius-no"><i class="fa fa-location-arrow" aria-hidden="true"></i> Details </a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 m-b30 card-container">
<div class="dlab-box">
<div class="dlab-media"> <a href="#">
<img src="images/tour/invite-to-paradise-sri-lanka-holiday-honeymoon-vacation-specialists-cultural-triangle-excursion-ancient-city-ruins-polonnaruwa-medieval+capital-of-ceylon-UNESCO-world-heritage-site.jpg" alt=""></a>
<div class="tr-price">
<span>3 Days</span>
</div>
</div>
<div class="dlab-info p-a20 border-1 text-center">
<h4 class="dlab-title m-t0"><a href="#">03 Days Cultural Tour</a></h4>
<p class="text-justify">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, when an unknown printer took a galley of type and.</p>
<div class="tr-btn-info">
<a href="#" class="site-button radius-no"><i class="fa fa-calendar" aria-hidden="true"></i> Inquiry Now</a>
<a href="#" class="site-button bg-primary-dark radius-no"><i class="fa fa-location-arrow" aria-hidden="true"></i> Details </a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 m-b30 card-container">
<div class="dlab-box">
<div class="dlab-media"> <a href="#">
<img src="images/tour/surfcamp-sri-lanka-10.jpg" alt=""></a>
<div class="tr-price">
<span>6 Days</span>
</div>
</div>
<div class="dlab-info p-a20 border-1 text-center">
<h4 class="dlab-title m-t0"><a href="booking-details.html">6 Days Surfing Tour</a></h4>
<p class="text-justify">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, when an unknown printer took a galley of type and.</p>
<div class="tr-btn-info">
<a href="#" class="site-button radius-no"><i class="fa fa-calendar" aria-hidden="true"></i> Inquiry Now</a>
<a href="#" class="site-button bg-primary-dark radius-no"><i class="fa fa-location-arrow" aria-hidden="true"></i> Details </a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 m-b30 card-container">
<div class="dlab-box">
<div class="dlab-media"> <a href="#">
<img src="images/tour/round-turs.jpg" alt=""></a>
<div class="tr-price">
<span>07 Days</span>
</div>
</div>
<div class="dlab-info p-a20 border-1 text-center">
<h4 class="dlab-title m-t0"><a href="booking-details.html">07 Days Rondtour </a></h4>
<p class="text-justify">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, when an unknown printer took a galley of type and.</p>
<div class="tr-btn-info">
<a href="#" class="site-button radius-no"><i class="fa fa-calendar" aria-hidden="true"></i> Inquiry Now</a>
<a href="#" class="site-button bg-primary-dark radius-no"><i class="fa fa-location-arrow" aria-hidden="true"></i> Details </a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 m-b30 card-container">
<div class="dlab-box">
<div class="dlab-media"> <a href="#">
<img src="images/tour/round-tour-with-denmark.jpg" alt=""></a>
<div class="tr-price">
<span>8 Days</span>
</div>
</div>
<div class="dlab-info p-a20 border-1 text-center">
<h4 class="dlab-title m-t0"><a href="booking-details.html">8 Days Beach Tour </a></h4>
<p class="text-justify">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, when an unknown printer took a galley of type and.</p>
<div class="tr-btn-info">
<a href="#" class="site-button radius-no"><i class="fa fa-calendar" aria-hidden="true"></i> Inquiry Now</a>
<a href="#" class="site-button bg-primary-dark radius-no"><i class="fa fa-location-arrow" aria-hidden="true"></i> Details </a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 m-b30 card-container">
<div class="dlab-box">
<div class="dlab-media"> <a href="#">
<img src="images/tour/round.jpg" alt=""></a>
<div class="tr-price">
<span>09 Days</span>
</div>
</div>
<div class="dlab-info p-a20 border-1 text-center">
<h4 class="dlab-title m-t0"><a href="booking-details.html">09 Days Popular Tour </a></h4>
<p class="text-justify">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, when an unknown printer took a galley of type and.</p>
<div class="tr-btn-info">
<a href="#" class="site-button radius-no"><i class="fa fa-calendar" aria-hidden="true"></i> Inquiry Now</a>
<a href="#" class="site-button bg-primary-dark radius-no"><i class="fa fa-location-arrow" aria-hidden="true"></i> Details </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Tour Package Us END -->
<!-- Destinations END -->
<div class="section-full bg-white content-inner_1_2 dlab-about-1">
<div class="container">
<div class="section-head d-flex text-black">
<div class="flex-grow-1">
<h2 class="text-uppercase m-b0 main-font">Popular Excursions</h2>
<p class="m-b0">CHOOSE YOUR NEXT EXCURSION</p>
</div>
<div class="align-self-center">
<a href="packages.html" class="site-button button-md pull-right m-t5">View All</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-4 col-sm-6 m-b30">
<div class="dlab-box hotal-box" data-tilt data-tilt-max="10" data-tilt-speed="1">
<div class="dlab-media dlab-img-effect dlab-img-overlay2"> <img src="images/excuation/birdwatch.jpg" alt="">
<div class="dlab-info-has p-a20 text-white no-hover">
<h4 class="m-t0 m-b10">Bird Watching</h4>
<span>3 nights + Flight 5*Hotel</span>
<a href="hotel-booking.html" class="site-button outline outline-2 radius-xl pull-right">View More</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6 m-b30">
<div class="dlab-box hotal-box" data-tilt data-tilt-max="10" data-tilt-speed="1">
<div class="dlab-media dlab-img-effect dlab-img-overlay2"> <img src="images/excuation/waterrafting.jpg" alt="">
<div class="dlab-info-has p-a20 text-white no-hover">
<h4 class="m-t0 m-b10">Water Rafting</h4>
<span>3 nights + Flight 5*Hotel</span>
<a href="hotel-booking.html" class="site-button outline outline-2 radius-xl pull-right">View More</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6 m-b30">
<div class="dlab-box hotal-box" data-tilt data-tilt-max="10" data-tilt-speed="1">
<div class="dlab-media dlab-img-effect dlab-img-overlay2"> <img src="images/excuation/jet sky.jpg" alt="">
<div class="dlab-info-has p-a20 text-white no-hover">
<h4 class="m-t0 m-b10">Jet Sky</h4>
<span>3 nights + Flight 5*Hotel</span>
<a href="hotel-booking.html" class="site-button outline outline-2 radius-xl pull-right">View More</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6 m-b30">
<div class="dlab-box hotal-box" data-tilt data-tilt-max="10" data-tilt-speed="1">
<div class="dlab-media dlab-img-effect dlab-img-overlay2"> <img src="images/excuation/diving.jpg" alt="">
<div class="dlab-info-has p-a20 text-white no-hover">
<h4 class="m-t0 m-b10">Scuba Diving</h4>
<span>3 nights + Flight 5*Hotel</span>
<a href="hotel-booking.html" class="site-button outline outline-2 radius-xl pull-right">View More</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6 m-b30">
<div class="dlab-box hotal-box" data-tilt data-tilt-max="10" data-tilt-speed="1">
<div class="dlab-media dlab-img-effect dlab-img-overlay2"> <img src="images/excuation/cycling.jpg" alt="">
<div class="dlab-info-has p-a20 text-white no-hover">
<h4 class="m-t0 m-b10">Cycling</h4>
<span>3 nights + Flight 5*Hotel</span>
<a href="hotel-booking.html" class="site-button outline outline-2 radius-xl pull-right">View More</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-sm-6 m-b30">
<div class="dlab-box hotal-box" data-tilt data-tilt-max="10" data-tilt-speed="1">
<div class="dlab-media dlab-img-effect dlab-img-overlay2"> <img src="images/excuation/wild.jpg" alt="">
<div class="dlab-info-has p-a20 text-white no-hover">
<h4 class="m-t0 m-b10">Wildlife Safari</h4>
<span>3 nights + Flight 5*Hotel</span>
<a href="hotel-booking.html" class="site-button outline outline-2 radius-xl pull-right">View More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Destinations -->
<!-- Destinations END -->
<div class="section-full bg-white content-inner-1 content-inner_1_3 dlab-about-1 promotions">
<div class="container">
<div class="section-head d-flex text-black">
<div class="flex-grow-1">
<h2 class="text-uppercase m-b0">Feedback</h2>
<p class="m-b0">CUSTOMER SATISFACTIONS</p>
</div>
<div class="align-self-center">
<a href="packages.html" class="site-button button-md pull-right m-t5">View All</a>
</div>
</div>
</div>
<div class="container">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="item carousel-item active">
<div class="img-box"><img src="images/2.jpg" alt=""></div>
<p class="testimonial">Phasellus vitae suscipit justo. Mauris pharetra feugiat ante id lacinia. Etiam faucibus mauris id tempor egestas. Duis luctus turpis at accumsan tincidunt. Phasellus risus risus, volutpat vel tellus ac, tincidunt fringilla massa. Etiam hendrerit dolor eget rutrum.</p>
<p class="overview"><b>Michael Holz</b>Seo Analyst at <a href="#">OsCorp Tech.</a></p>
</div>
<div class="item carousel-item">
<div class="img-box"><img src="images/2.jpg" alt=""></div>
<p class="testimonial">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. Vestibulum idac nisl bibendum scelerisque non non purus. Suspendisse varius nibh non aliquet.</p>
<p class="overview"><b>Paula Wilson</b>Media Analyst at <a href="#">SkyNet Inc.</a></p>
</div>
<div class="item carousel-item">
<div class="img-box"><img src="images/2.jpg" alt=""></div>
<p class="testimonial">Vestibulum quis quam ut magna consequat faucibus. Pellentesque eget nisi a mi suscipit tincidunt. Utmtc tempus dictum risus. Pellentesque viverra sagittis quam at mattis. Suspendisse potenti. Aliquam sit amet gravida nibh, facilisis gravida odio. Phasellus auctor velit.</p>
<p class="overview"><b>Antonio Moreno</b>Web Developer at <a href="#">Circle Ltd.</a></p>
</div>
</div>
<!-- Carousel controls -->
<a class="carousel-control left carousel-control-prev" href="#myCarousel" data-slide="prev">
<i class="fa fa-angle-left"></i>
</a>
<a class="carousel-control right carousel-control-next" href="#myCarousel" data-slide="next">
<i class="fa fa-angle-right"></i>
</a>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="site-footer content-inner_1_2">
<div class="footer-top overlay-black-dark">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-5 footer-col-4">
<div class="widget widget_getintuch">
<h6 class="m-b15 h6 text-uppercase">TRAVEL</h6>
<div class="dlab-separator bg-white"></div>
<ul class="info-contact">
<li>
<span>
<i class="fa fa-map-marker "></i> Brodway Road 234, New York
</span>
</li>
<li>
<span>
<i class="fa fa-phone"></i> Mobile: +00 1234 456789 <br/>+10 1234 456789
</span>
</li>
<li>
<span>
<i class="fa fa-envelope-o"></i> Mail: [email protected]
</span>
</li>
<li>
<span>
<i class="fa fa-fax"></i> Fax: 000 123 2294 089
</span>
</li>
</ul>
</div>
<ul class="list-inline">
<li><a href="javascript:void(0);" class="site-button facebook sharp"><i class="fa fa-facebook"></i></a></li>
<li><a href="javascript:void(0);" class="site-button google-plus sharp"><i class="fa fa-google-plus"></i></a></li>
<li><a href="javascript:void(0);" class="site-button linkedin sharp"><i class="fa fa-linkedin"></i></a></li>
<li><a href="javascript:void(0);" class="site-button twitter sharp"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-7 footer-col-4">
<div class="widget widget_tag_cloud">
<h6 class="m-b15 h6 text-uppercase">Tag</h6>
<div class="dlab-separator bg-white"></div>
<div class="tagcloud">
<a href="">HOME</a>
<a href="">ABOUT US</a>
<a href="">EXCURSION</a>
<a href="">TOUR PACKAGES</a>
<a href="">FEEDBACK</a>
<a href="">GALLERY</a>
<a href="">CONTACT US</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-7 footer-col-4">
<div class="widget widget_tag_cloud">
<h6 class="m-b15 h6 text-uppercase">TOUR PACKAGES</h6>
<div class="dlab-separator bg-white"></div>
<div class="tagcloud">
<a href="">02 Days Cultural Tour</a>
<a href="">03 Days Cultural Tour</a>
<a href="">6 Days Surfing Tour</a>
<a href="">07 Days Rondtour </a>
<a href="">8 Days Beach Tour </a>
<a href="">09 Days Popular Tour </a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 footer-col-4">
<div class="widget widget_gallery">
<h6 class="m-b15 h6 text-uppercase">GALLERY</h6>
<div class="dlab-separator bg-white"></div>
<ul class="clearfix mfp-gallery">
<li class="img-effect2"><a class="mfp-link" href="images/attraction/colombo.jpg" title="Title Come Here"><img src="images/attraction/colombo.jpg" alt=""></a> </li>
<li class="img-effect2"><a class="mfp-link" href="images/attraction/dambulla.jpg" title="Title Come Here"><img src="images/attraction/dambulla.jpg" alt=""></a> </li>
<li class="img-effect2"><a class="mfp-link" href="images/attraction/ella.jpg" title="Title Come Here"><img src="images/attraction/ella.jpg" alt=""></a> </li>
<li class="img-effect2"><a class="mfp-link" href="images/attraction/hortonplains.jpg" title="Title Come Here"><img src="images/attraction/hortonplains.jpg" alt=""></a> </li>
<li class="img-effect2"><a class="mfp-link" href="images/attraction/kandy.jpg" title="Title Come Here"><img src="images/attraction/kandy.jpg" alt=""></a> </li>
<li class="img-effect2"><a class="mfp-link" href="images/attraction/mirissa.jpg" title="Title Come Here"><img src="images/attraction/mirissa.jpg" alt=""></a> </li>
<li class="img-effect2"><a class="mfp-link" href="images/attraction/pinnawala.jpg" title="Title Come Here"><img src="images/attraction/pinnawala.jpg" alt=""></a> </li>
<li class="img-effect2"><a class="mfp-link" href="images/attraction/sigiriya.jpg" title="Title Come Here"><img src="images/attraction/sigiriya.jpg" alt=""></a> </li>
<li class="img-effect2"><a class="mfp-link" href="images/attraction/yala.jpg" title="Title Come Here"><img src="images/attraction/yala.jpg" alt=""></a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- footer bottom part -->
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 text-left"> <span>Copyright © 2019 </span> Travel with Susa</div>
<div class="col-lg-6 col-md-6 text-right "><span> Design By <i class="fa fa-heart text-primary heart"></i> Synotec (PVT) Holdings </span> </div>
</div>
</div>
</div>
</footer> <!-- Footer END-->
<!-- scroll top button -->
<button class="scroltop fa fa-plane " ></button>
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
<script src="plugins/wow/wow.js"></script><!-- WOW JS -->
<script src="plugins/bootstrap/js/popper.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="plugins/bootstrap/js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="plugins/bootstrap-select/bootstrap-select.min.js"></script><!-- FORM JS -->
<script src="plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.js"></script><!-- FORM JS -->
<script src="plugins/magnific-popup/magnific-popup.js"></script><!-- MAGNIFIC POPUP JS -->
<script src="plugins/counter/waypoints-min.js"></script><!-- WAYPOINTS JS -->
<script src="plugins/counter/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="plugins/imagesloaded/imagesloaded.js"></script><!-- IMAGESLOADED -->
<script src="plugins/masonry/masonry-3.1.4.js"></script><!-- MASONRY -->
<script src="plugins/masonry/masonry.filter.js"></script><!-- MASONRY -->
<script src="plugins/owl-carousel/owl.carousel.js"></script><!-- OWL SLIDER -->
<script src="plugins/rangeslider/rangeslider.js" ></script><!-- Rangeslider -->
<script src="plugins/datepicker/js/moment.js"></script><!-- DATEPICKER JS -->
<script src="plugins/datepicker/js/bootstrap-datetimepicker.min.js"></script><!-- DATEPICKER JS -->
<script src="js/custom.js"></script><!-- CUSTOM FUCTIONS -->
<script src="js/dz.carousel.js"></script><!-- SORTCODE FUCTIONS -->
<script src='../../www.google.com/recaptcha/api.js'></script> <!-- Google API For Recaptcha -->
<script src="js/dz.ajax.js"></script><!-- CONTACT JS -->
<script src="plugins/paroller/skrollr.min.js"></script><!-- PAROLLER -->
<!-- REVOLUTION JS FILES -->
<script src="plugins/revolution/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- Slider revolution 5.0 Extensions (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/revolution/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="js/rev.slider.js"></script>
<script>
jQuery(document).ready(function () {
'use strict';
dz_rev_slider_1();
$('#datetimepicker4').datetimepicker();
}); /*ready*/
</script>
</body>
</html> |