<!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">
<meta name="keywords" content="tours in galle, tours in hikkaduwa, galle taxi services, travel company in galle, rent a car in galle, airport drop and pickup galle, galle travel agency, galle travels and tours, Sri Lanka Umesh Tours, travel in galle, travel and tours, travel site in galle, ">
<meta name="description" content="Sri Lanka Umesh Tours has been the leader in the Sri Lankan tourism industry, organizing Sri Lanka tours for couples on holiday or honeymoon, for individual adventurers and nature lovers, as well as for special interest and incentives holiday groups and convention delegates.">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Sri Lanka Umesh Tours | Gallery </title>
<!-- Icon css link -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="vendors/stroke-icon/style.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Rev slider css -->
<link href="vendors/revolution/css/settings.css" rel="stylesheet">
<link href="vendors/revolution/css/layers.css" rel="stylesheet">
<link href="vendors/revolution/css/navigation.css" rel="stylesheet">
<link href="vendors/animate-css/animate.css" rel="stylesheet">
<!-- Extra plugin css -->
<link href="vendors/magnify-popup/magnific-popup.css" rel="stylesheet">
<link href="vendors/owl-carousel/owl.carousel.min.css" rel="stylesheet">
<link href="vendors/bootstrap-datepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
<link href="vendors/bootstrap-selector/bootstrap-select.css" rel="stylesheet">
<link href="vendors/lightbox/simpleLightbox.css" rel="stylesheet">
<link href="simplelightbox-master/dist/simplelightbox.min.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
</head>
<body>
<!--================Header Area =================-->
<?php include './header.php'; ?>
<!--================Header Area =================-->
<!--================Banner Area =================-->
<section class="banner_area">
<div class="container">
<div class="banner_inner_content">
<h3>Gallery</h3>
<ul>
<li class="active"><a href="index.php">Home</a></li>
<li><a href="gallery.php">gallery</a></li>
</ul>
</div>
</div>
</section>
<!--================End Banner Area =================-->
<section class="grid_gallery_area">
<div class="container">
<div class="grid_gallery_inner cobage_gallery_inner">
<div class="row cobage_g_masonary imageGallery1 gallery">
<?php
$ALBUMPHOTO = new AlbumPhoto(NULL);
$IMAGES = $ALBUMPHOTO->getAlbumPhotosById(1);
foreach ($IMAGES as $image) {
?>
<div class="col-md-3 col-sm-4 col-xs-6 activites restaurant">
<div class="">
<div class="gallery resort_g_hover resort_hover_inner">
<a href="upload/photo-album/gallery/<?php echo $image['image_name'] ?>">
<div class="" style="margin: 1px; padding-bottom: 10px;">
<img class="grow" style="width: 100%" src="upload/photo-album/gallery/thumb/<?php echo $image['image_name'] ?>" alt="" title="Vinu Lanka Holidays">
</div>
</a>
</div>
</div>
<!-- <div class="grid_gallery_item">
<img src="upload/photo-album/gallery/thumb/<?php echo $image['image_name'] ?>" alt="">
<div class="resort_g_hover">
<div class="resort_hover_inner">
<a class="light" href="upload/photo-album/gallery/<?php echo $image['image_name'] ?>"><i class="fa fa-expand" aria-hidden="true"></i></a>
<img src="upload/photo-album/gallery/thumb/<?php echo $image['image_name'] ?>" alt="">
<h5>Our Gallery</h5>
</div>
</div>
</div>-->
</div>
<?php
}
?>
</div>
</div>
</div>
</section>
<!--================Footer Area =================-->
<?php include './footer.php'; ?>
<!--================End Footer Area =================-->
<!--================Search Box Area =================-->
<div class="search_area zoom-anim-dialog mfp-hide" id="test-search">
<div class="search_box_inner">
<h3>Search</h3>
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<span class="input-group-btn">
<button class="btn btn-default" type="button"><i class="icon icon-Search"></i></button>
</span>
</div>
</div>
</div>
<!--================End Search Box Area =================-->
<!--================End Footer Area =================-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-2.2.4.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- Rev slider js -->
<script src="vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendors/magnify-popup/jquery.magnific-popup.min.js"></script>
<script src="vendors/isotope/imagesloaded.pkgd.min.js"></script>
<script src="vendors/isotope/isotope.pkgd.min.js"></script>
<script src="vendors/counterup/waypoints.min.js"></script>
<script src="vendors/counterup/jquery.counterup.min.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="vendors/bootstrap-datepicker/bootstrap-datetimepicker.min.js"></script>
<script src="vendors/bootstrap-selector/bootstrap-select.js"></script>
<script src="vendors/lightbox/simpleLightbox.min.js"></script>
<!-- instafeed-->
<script type="text/javascript" src="vendors/instafeed/instafeed.min.js"></script>
<script type="text/javascript" src="vendors/instafeed/script.js"></script>
<script src="simplelightbox-master/dist/simple-lightbox.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>
<script src="js/theme.js"></script>
</body>
</html> |