<!DOCTYPE html>
<?php
include './class/include.php';
$id = '';
$id = $_GET['id'];
$EXCURSION = new Activities($id);
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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. " />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 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> <?php echo $EXCURSION->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">
<!-- Revolution Navigation Style -->
</head>
<body id="bg">
<div class="page-wraper">
<!-- header -->
<?php include './header.php'; ?>
<!-- header END -->
<!-- Content -->
<div class="page-content bg-white">
<div class="dlab-bnr-inr overlay-black-middle" style="background-image:url(images/banner/bnr1.jpg);">
<div class="container">
<div class="dlab-bnr-inr-entry">
<h1 class="text-white"><?php echo $EXCURSION->title ?></h1>
<div class="breadcrumb-row">
<ul class="list-inline">
<li><a href="index.php">Home</a></li>
<li><a href="excursion.php">Excursion</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- inner page banner END -->
<div class="content-block">
<div class="section-full content-inner">
<div class="container">
<div class="row m-b30">
<div class="col-lg-12">
<div class="product-gallery on-show-slider">
<div id="sync1" class="owl-carousel owl-theme owl-btn-center-lr m-b5 owl-btn-1 primary">
<?php
$EXCURSION_PHOTO = new ActivitiesPhoto(NULL);
foreach ($EXCURSION_PHOTO->getActivitiesPhotosById($id) as $excursion_photo) {
?>
<div class="item">
<div class="dlab-box">
<div class="dlab-thum-bx">
<img src="upload/activity/gallery/<?php echo $excursion_photo['image_name'] ?>" alt="">
</div>
</div>
</div>
<?php }
?>
</div>
<div id="sync2" class="owl-carousel owl-theme owl-none">
<?php
$EXCURSION_PHOTO = new ActivitiesPhoto(NULL);
foreach ($EXCURSION_PHOTO->getActivitiesPhotosById($id) as $excursion_photo) {
?>
<div class="item">
<div class="dlab-media">
<img src="upload/activity/gallery/thumb/<?php echo $excursion_photo['image_name'] ?>" alt="">
</div>
</div>
<?php }
?>
</div>
</div>
<div class="tour-days">
<?php echo $EXCURSION->description ?>
</div>
</div>
</div>
<div class="container">
<div class="section-head d-flex text-black">
<div class="flex-grow-1">
<h2 class="text-uppercase m-b0">Other 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="row m-b30">
<div class="col-md-12 col-lg-12">
<div class="blog-carousel owl-carousel owl-btn-center-lr owl-btn-3 owl-theme owl-btn-center-lr owl-btn-1">
<?php
$EXCURSION = new Activities(NULL);
foreach ($EXCURSION->all() as $excursion) {
?>
<div class="item">
<div class="dlab-box hotal-box" data-tilt data-tilt-max="10" data-tilt-speed="1">
<a href="view-excursion.php?id=<?php echo $excursion['id'] ?>">
<div class="dlab-media dlab-img-effect dlab-img-overlay2">
<img src="upload/activity/<?php echo $excursion['image_name'] ?>" alt="">
<div class="dlab-info-has p-a20 text-white no-hover">
<h4 class="m-t0 m-b10"><?php echo $excursion['title'] ?></h4>
<span>View More</span>
</div>
</div>
</a>
</div>
</div>
<?php }
?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<?php include './footer.php'; ?>
<!-- Footer END-->
<button class="scroltop fa fa-arrow-up " ></button>
<!-- 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="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 -->
<script>
$(document).ready(function () {
var sync1 = $("#sync1");
var sync2 = $("#sync2");
var slidesPerPage = 8; //globaly define number of elements per page
var syncedSecondary = true;
sync1.owlCarousel({
items: 1,
slideSpeed: 2000,
nav: true,
autoplay: false,
dots: false,
loop: true,
responsiveRefreshRate: 200,
navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
}).on('changed.owl.carousel', syncPosition);
sync2.on('initialized.owl.carousel', function () {
sync2.find(".owl-item").eq(0).addClass("current");
}).owlCarousel({
items: slidesPerPage,
dots: false,
nav: false,
margin: 2,
smartSpeed: 200,
slideSpeed: 500,
slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel
responsiveRefreshRate: 100
}).on('changed.owl.carousel', syncPosition2);
function syncPosition(el) {
//if you set loop to false, you have to restore this next line
//var current = el.item.index;
//if you disable loop you have to comment this block
var count = el.item.count - 1;
var current = Math.round(el.item.index - (el.item.count / 2) - .5);
if (current < 0) {
current = count;
}
if (current > count) {
current = 0;
}
//end block
sync2
.find(".owl-item")
.removeClass("current")
.eq(current)
.addClass("current");
var onscreen = sync2.find('.owl-item.active').length - 1;
var start = sync2.find('.owl-item.active').first().index();
var end = sync2.find('.owl-item.active').last().index();
if (current > end) {
sync2.data('owl.carousel').to(current, 100, true);
}
if (current < start) {
sync2.data('owl.carousel').to(current - onscreen, 100, true);
}
}
function syncPosition2(el) {
if (syncedSecondary) {
var number = el.item.index;
sync1.data('owl.carousel').to(number, 100, true);
}
}
sync2.on("click", ".owl-item", function (e) {
e.preventDefault();
var number = $(this).index();
//sync1.data('owl.carousel').to(number, 300, true);
sync1.data('owl.carousel').to(number, 300, true);
});
});
</script>
</body>
</html>
|