<?php
include './db.php';
include './function.php';
$url = url();
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Whales Watching in Mirissa | Gallery</title>
<meta name="keywords" content="whales in mirissa, whale watching sri lanka, whale watching in mirissa, whale watching places, mirissa whale watching, whale watching company mirissa, whale watching boats, best whale watching company in mirissa, mirissa whales, mirissa whales tripadvisor, images of mirissa whales watching" />
<meta name="description" content="Explore our full range of things to do in Sri Lanka ,Mirissa is one of the world's best destinations for whales watching." />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" type="image/png" href="images/icon.png">
<!--Fonts-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic" rel="stylesheet" type="text/css">
<!--Bootstrap-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<!--font Awesome-->
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<!--slider-->
<link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<!--PrettyPhoto-->
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css">
<!--main file-->
<link href="css/style.css" rel="stylesheet" type="text/css">
<!--Responsive file-->
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<link href="simplelightbox-master/dist/simplelightbox.min.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<?php include './header.php'; ?>
</div>
<!--End Header-->
<!--Start Page Title-->
<div class="page_title bg3" style="margin-bottom: 10px;">
<div class="layer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12">
<h1>Gallery</h1>
<div class="beadcrumb">
<a href="index.php">Home</a> <i class="fa fa-angle-right"></i> <span>Gallery</span>
</div>
</div>
</div>
</div>
</div>
</div>
<section>
<div class="container">
<div class="gallery">
<?php
$gallery = getGalleryImage();
if (count($gallery) > 0) {
foreach ($gallery as $img) {
?>
<div class="col-sm-3 col-md-3 col-xs-12 text-center">
<div class="item-box bottom-pad-10" style="margin-top: 30px; margin-bottom: 30px;">
<a href="images/gallery/<?php echo $img['image_name']; ?>" data-rel="prettyPhoto[portfolio]">
<img src="images/gallery/thumb/<?php echo $img['image_name']; ?>" class="img-responsive" alt="Mirissa Whales">
</a>
</div>
</div>
<?php
}
} else {
?>
<b style="padding-left: 15px;">No Photos in the database.</b>
<?php } ?>
</div>
</section>
<?php include './footer.php'; ?>
<a href="#0" class="cd-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Jquery Ui -->
<script src="js/jquery-ui.js"></script>
<!-- Slider -->
<script src="js/owl.carousel.js"></script>
<!-- Isotope -->
<script src="js/isotope-docs.min.js"></script>
<!-- PrettyPhoto -->
<script src="js/jquery.prettyPhoto.js"></script>
<!-- Parallax -->
<script src="js/jquery.parallax.js"></script>
<!-- Slider -->
<script src="js/jquery.cycle.all.js"></script>
<!-- Appear -->
<script src="js/jquery.appear.js"></script>
<!-- Custom -->
<script src="js/custom.js"></script>
<script src="simplelightbox-master/dist/simple-lightbox.min.js" type="text/javascript"></script>
<script>
$(function () {
var $gallery = $('.gallery a').simpleLightbox();
$gallery.on('show.simplelightbox', function () {
console.log('Requested for showing');
})
.on('shown.simplelightbox', function () {
console.log('Shown');
})
.on('close.simplelightbox', function () {
console.log('Requested for closing');
})
.on('closed.simplelightbox', function () {
console.log('Closed');
})
.on('change.simplelightbox', function () {
console.log('Requested for change');
})
.on('next.simplelightbox', function () {
console.log('Requested for next');
})
.on('prev.simplelightbox', function () {
console.log('Requested for prev');
})
.on('nextImageLoaded.simplelightbox', function () {
console.log('Next image loaded');
})
.on('prevImageLoaded.simplelightbox', function () {
console.log('Prev image loaded');
})
.on('changed.simplelightbox', function () {
console.log('Image changed');
})
.on('nextDone.simplelightbox', function () {
console.log('Image changed to next');
})
.on('prevDone.simplelightbox', function () {
console.log('Image changed to prev');
})
.on('error.simplelightbox', function (e) {
console.log('No image found, go to the next/prev');
console.log(e);
});
});
</script>
</body>
</html> |