<?php
include './db.php';
include './function.php';
?>
<!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>Gallery | 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="images rever safari, image gin ganga, images gin river, photos gin ganga, photos gin river, Gin River Safari,gin ganga,madu ganga 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">
</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 class="active"><a href="#">Gallery</a></li>
</ul>
</div>
<div class="content">
<section>
<!--Eco blog-->
<div class="eco_blog_section">
<div class="container">
<div class="row">
<?php
$albums = getAllAlbum();
if (count($albums) > 0) {
foreach ($albums as $key => $album) {
?>
<!--Eco blog column-->
<div class="col-md-4 col-sm-6 col-xs-12">
<!--Eco blog column-->
<div class="eco_blog_column">
<!--Eco blog column picture-->
<figure>
<div class="eco_thumb eco_hover_effect">
<img src="images/album/thumb/<?php echo $album["image_name"]; ?>" alt="">
<div class="eco_hover_btn">
<a class="mediem_btn_02" href="view-album.php?id=<?php echo $album["id"]; ?>">View Album</a>
</div>
</div>
</figure>
<!--Eco blog column content-->
<div class="eco_blog_content">
<!--Eco blog date-->
<div class="eco-event-title">
<h5><?php echo $album["title"]; ?></h5>
</div>
<ul class="eco_viewers_meta">
<li class="pd"><a href="#"><?php $count = countPhotos($album["id"]); echo $count; ?> Photos</a></li>
</ul>
<p><?php echo substr($album["shortDescription"], 0, 100); ?></p>
</div>
</div>
</div>
<?php
}
} else {
?>
<b style="padding-left: 15px;">No Album in the database.</b>
<?php } ?>
</div>
</div>
<!--Eco pagination-->
</div>
<!--Eco blog ends-->
</section>
</div>
<?php
include './footer.php';
?>
</div>
<div id="preloader">
<div id="status"></div>
</div>
<!-- jQuery (JavaScript plugins) -->
<script src="js/jquery.js"></script>
<!-- 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>
</body>
</html>
|