<?php
include './db.php';
include './function.php';
$id = $_GET['id'];
$album = getOneAlbum($id);
?>
<!DOCTYPE html>
<html>
<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" />
<title><?php echo $album['title']; ?> | Madol Duwa Boat Ride</title>
<meta name="description" content="Welcome to Gin River Safari , If you stay at the Galle, Hikkaduwa, Unawatuna area you should go with a boat at the Gin Ganga. Usually we start the safari in gintota bridge. Also, we do not use motor boat and the boat is ridden by two people and your tour make it so nature friendly. So you will able to hear many bird sounds and water flow sounds of the river. We run the business as our family and we will make you happy for your value." />
<meta name="keywords" content="<?php echo $album['title']; ?>, river safari,Gin ganga boat safari,Gin ganga tour,Gin ganga trip,Gin ganga mangroves,Gin ganga biodiversity" />
<link rel="icon" type="image/png" sizes="32x32" href="images/about/icon.png">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- font-awesome -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- chosen.min -->
<link href="css/chosen.min.css" rel="stylesheet">
<!-- slick-slider -->
<link href="css/slick-slider.css" rel="stylesheet">
<!-- jquery.bxslider -->
<link href="css/jquery.bxslider.css" rel="stylesheet">
<!-- prettyPhoto -->
<link href="css/prettyPhoto.css" rel="stylesheet">
<!-- responsive menu component -->
<link href="js/responsive-menu/component.css" rel="stylesheet">
<!-- svg-icons -->
<link href="css/svg-icons.css" rel="stylesheet">
<!-- Typography -->
<link href="css/typography.css" rel="stylesheet">
<!-- jquery.auto-complete -->
<link href="css/jquery.auto-complete.css" rel="stylesheet">
<!-- shortcodes -->
<link href="css/shortcodes.css" rel="stylesheet">
<!-- Colors -->
<link href="css/colors.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="style.css" rel="stylesheet">
<!-- Responsive theme-->
<link href="css/responsive.css" rel="stylesheet">
<link href="css/mystyle.css" rel="stylesheet">
<link href="admin/css/lightbox.min.css" rel="stylesheet" >
<script src="js/jquery.js"></script>
</head>
<body>
<div class="eco_wrapper">
<?php
include './header.php';
?>
<div class="eco_banner eco_inner_page_banner">
<!--Eco Template Banner img-->
<div class="eco_headings">
<h3>Gallery</h3>
</div>
<ul class="eco_page_link">
<li><a href="./">Home</a></li>
<li><a href="gallery.php">Gallery</a></li>
<li class="active"> <?php echo $album['title']; ?> </li>
</ul>
</div>
<div class="content">
<section>
<!--Eco blog-->
<div class="eco_blog_section">
<div class="container">
<div class="row">
<div class="blog-carousel text-justify">
<?php
$gallery = getAllAlbumPhotos($id);
if (count($gallery) > 0) {
foreach ($gallery as $img) {
?>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" style="margin-bottom: 25px">
<a class="example-image-link" href="images/album/gallery/<?php echo $img["image_name"]; ?>" data-lightbox="example-set" data-title="<?php echo $img["caption"]; ?>">
<div class="hovereffect">
<img class="img-responsive example-image" src="images/album/gallery/thumb/<?php echo $img["image_name"]; ?>" alt="<?php echo $img["caption"]; ?>">
<div class="overlay" style="cursor: pointer !important">
<h2><i class="fa fa-search"></i></h2>
<p>
<?php echo $img["caption"]; ?>
</p>
</div>
</div>
</a>
</div>
<?php
}
} else {
?>
<b style="padding-left: 15px">No images in the database.</b>
<?php } ?>
</div>
</div>
</div>
<!--Eco pagination-->
</div>
<!--Eco blog ends-->
</section>
</div>
<?php
include './footer.php';
?>
</div>
<div id="preloader">
<div id="status"></div>
</div>
<!-- Bootstrap js -->
<script src="js/bootstrap-lab.js"></script>
<script src="js/bootstrap.js"></script>
<!--responsive-menu -->
<script src="js/responsive-menu/modernizr.custom.js"></script>
<script src="js/responsive-menu/jquery.dlmenu.js"></script>
<!-- masonry & filterable -->
<script src="js/jquery-filterable.js"></script>
<script src="js/masonry-gallery.js"></script>
<!-- chosen.jquery js -->
<script src="js/chosen.jquery.min.js"></script>
<script src="js/jquery.auto-complete.js"></script>
<!-- jquery.prettyPhoto js -->
<script src="js/jquery.prettyPhoto.js"></script>
<!-- countup and countdown js -->
<script src="js/countup.js"></script>
<script src="js/jquery.countdown.js"></script>
<!-- slider -->
<script src="js/slick-slider.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script src="js/owl.carousel.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
<script src="admin/js/lightbox-plus-jquery.min.js"></script>
</body>
</html>
|