<!DOCTYPE html>
<?php
include './class/include.php';
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="tours in matara, sri lanka round tour in matara , sri Lanka travel agents, sri Lanka travel agents in matara, travel agents in matara, destination in matara, attraction in matara, tour packages, travel with susa, tour operators in matara " />
<meta name="description" content="Travel with Susa, is a well-organized and planned touring company who makes sure that if you travel to Sri Lanka you have the best of it. We specialize in tours relating to vast islands of the country. We have expertise and polite crew to dedication for your service. " />
<!-- FAVICONS ICON -->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" type="image/x-icon" href="images/lof.png" />
<!-- PAGE TITLE HERE -->
<title>Travel Agent in Matara | Taxi in Matara | Tour 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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link href="css/testermonial.css" rel="stylesheet" type="text/css"/>
<!-- Revolution Navigation Style -->
</head>
<body >
<div class="page-wraper">
<!-- header -->
<?php include './header.php'; ?>
<!-- header END -->
<!-- Content -->
<div>
<!-- Main Slider -->
<?php include './slider.php'; ?>
<!-- Main Slider -->
<!-- About Us -->
<div class="section-full bg-white content-inner dlab-about-1 promotions" id="about-us">
<div class="container">
<?php
$PAGES = new Page(1);
?>
<div class="row">
<div class="col-lg-7 col-md-7 col-sm-12 p-top-padd" >
<div class="section-head d-flex text-black">
<div class="flex-grow-1">
<h2 class="text-uppercase m-b0 main-font"><?php echo $PAGES->title ?></h2>
<p class="m-b0">Best Tour Guide In Sri Lanka</p>
</div>
</div>
<p class="text-justify"> <?php echo $PAGES->description ?></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 -->
<!--Tour Packages -->
<div class="section-full bg-white content-inner-2 bgeffect parallax">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-head d-flex text-black">
<div class="flex-grow-1">
<h2 class="text-uppercase m-b0 main-font font-color">Select Your Tour Package</h2>
<div class=" font-color">CHOOSE YOUR NEXT TOUR PACKAGE</div>
</div>
<div class="align-self-center">
<a href="all-tour-packages.php" class="site-button button-md pull-right m-t5">View All</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="blog-carousel owl-carousel owl-btn-center-lr owl-btn-3 owl-theme owl-btn-center-lr owl-btn-1">
<?php
$TOUR_PACKAGES = new TourPackage(NULL);
foreach ($TOUR_PACKAGES->all() as $tour_package) {
?>
<div class="item">
<div class="dlab-box">
<div class="dlab-media ">
<a href="view-tour-package.php?id=<?php echo $tour_package['id'] ?>">
<img src="upload/tour-package/<?php echo $tour_package['image_name'] ?>" alt="">
</a>
<div class="tr-price">
<span><?php echo $tour_package['dates'] ?></span>
</div>
</div>
<div class="dlab-info p-a20 border-1 text-center height-t bg-color">
<h4 class="dlab-title m-t0"><a href="view-tour-package.php?id=<?php echo $tour_package['id'] ?>"><?php echo $tour_package['title'] ?></a></h4>
<p class="text-justify"> <?php echo substr($tour_package['short_description'], 0, 200) ?>.... </p>
<div class="tr-btn-info">
<a href="inquiry-form.php?id=<?php echo $tour_package['id'] ?>" class="site-button radius-no"><i class="fa fa-calendar" aria-hidden="true"></i> Inquiry Now</a>
<a href="view-tour-package.php?id=<?php echo $tour_package['id'] ?>" class="site-button bg-primary-dark radius-no"><i class="fa fa-location-arrow" aria-hidden="true"></i> Details </a>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<!--Tour Packages End -->
<!-- Popular Feed back -->
<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="feedback.php" 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-8 col-center m-auto">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<?php
$COMMENT = new Comments(NULL);
foreach ($COMMENT->activeComments() as $key => $comment) {
if ($key === 0) {
?>
<div class="item carousel-item active">
<div class="img-box"><img src="upload/comments/<?php echo $comment['image_name'] ?>" alt=""></div>
<p class="testimonial"><?php echo $comment['comment'] ?></p>
<p class="overview"><b><?php echo $comment['name'] ?></b> <?php echo $comment['country'] ?></p>
</div>
<?php
} else {
?>
<div class="item carousel-item ">
<div class="img-box"><img src="upload/comments/<?php echo $comment['image_name'] ?>" alt=""></div>
<p class="testimonial"><?php echo $comment['comment'] ?></p>
<p class="overview"><b><?php echo $comment['name'] ?></b> <?php echo $comment['country'] ?></p>
</div>
<?php
}
}
?>
</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>
</div>
</div>
<!-- Destinations END -->
<div class="section-full bg-white content-inner_1_2">
<div class="container">
<div class="section-head d-flex text-black">
<div class="flex-grow-1">
<h2 class="text-uppercase m-b0">Popular EXCURSION</h2>
<p class="m-b0">CHOOSE YOUR NEXT EXCURSION</p>
</div>
<div class="align-self-center">
<a href="excursion.php" class="site-button button-md pull-right m-t5">View All</a>
</div>
</div>
</div>
<div class="section-content">
<div class="destination owl-loaded owl-theme owl-none owl-carousel">
<?php
$EXCURSION = new Activities(NULL);
foreach ($EXCURSION->all() as $excursion) {
?>
<a href="view-excursion.php?id=<?php echo $excursion['id'] ?>" class="site-button-link"> <div class="item">
<div class="dlab-box">
<div class="dlab-media dlab-img-effect zoom-slow dlab-img-overlay2"> <img src="upload/activity/thumb/<?php echo $excursion['image_name'] ?>" alt="">
<div class="dlab-info-has p-a20 no-hover ">
<div class="dlab-info-has-text">
<h3 class="text-white"><?php echo $excursion['title'] ?> </h3>
View Details
</div>
</div>
</div>
</div>
</div>
</a>
<?php }
?>
</div>
</div>
</div>
</div>
<!--Footer -->
<?php include './footer.php';
?>
<!-- Footer END-->
<!-- scroll top button -->
<button class="scroltop fa fa-arrow-up " ></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> |