<?php
include './class/include.php';
$ALBUM_PHOTO= new AlbumPhoto(NULL);
$album_photos = $ALBUM_PHOTO->all();
?>
<!DOCTYPE html><html lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $ALBUM_PHOTO->title ?> | Gallery|Hikkaduwa Holiday Tours</title>
<meta name="description" content="Jaiga template"/>
<meta name="author" content="Dsign Elit BD"/>
<link rel="shortcut icon" href="assets/images/favicon/icon.png"/>
<link rel="apple-touch-icon-precomposed" href="assets/images/favicon/icon.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/favicon/icon.png"/>
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/favicon/icon.png"/>
<link rel="stylesheet" href="assets/flaticons/flaticons-link.css" type="text/css"/>
<link rel="stylesheet" href="assets/css/apps.min.css" type="text/css"/>
<link rel="stylesheet" href="assets/css/style.css" type="text/css"/>
<link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="assets/css/responsive.css" type="text/css"/>
</head>
<body class="home1">
<div id="loader">
<div class="spinner">
<div class="dot1">
</div>
<div class="dot2">
</div>
</div>
</div>
<?php include './header.php'; ?>
<div id="all-area" class="all-section">
<section class="page-head page-bg" style="background-image: url('assets/images/bg/p1.jpg');">
<h3 class="page-heading">Gallery</h3>
<div class="sub-title">
<a href="#">
<span>Home</span></a><i></i>
<span>Gallery</span>
</div>
</section>
</div>
<section class="tours section destination-top things">
<div class="container">
<div class="row">
<div class="portfolio-details">
<div class="portfolio-container grid" style="position: relative; height: 976.2px;">
<?php
if (count($album_photos) > 0) {
foreach ($album_photos as $album_photo) {
?>
<div class="grid-item col-md-3 col-sm-6 col-xs-12 feature bseller" style="position: absolute; left: 390px; top: 0px;">
<div class="portfolio-item">
<img class="img-responsive" src="upload/photo-album/gallery/thumb2/<?php echo $album_photo['image_name'];?>"alt="<?php echo $album_photo['caption']; ?>">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3><?php echo $album_photo['caption']; ?></h3>
</a>
<a href="assets/images/gallery/2.jpg" data-fancybox="group" class="port-icon" >
<img class="hidden-thumbnail" alt="Thumbnail" src="upload/photo-album/gallery/<?php echo $album_photo['image_name']; ?>">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<?php
}
} else {
}
?>
<!-- <div class="grid-item col-md-3 col-sm-6 col-xs-12 feature bseller" style="position: absolute; left: 0px; top: 244px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Two Day Tours</h3>
</a>
<a href="assets/images/gallery/5.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/5.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12 " style="position: absolute; left: 390px; top: 487px;">
<div class="portfolio-item ">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Round Tours</h3></a>
<a href="assets/images/gallery/6.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/6.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12" style="position: absolute; left: 390px; top: 487px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Services</h3></a>
<a href="assets/images/gallery/6.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/6.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>-->
</div>
</div>
</div>
</div>
</section>
<!-- <section class="tours section destination-top">
<div class="container">
<div class="row">
<div class="portfolio-details">
<div class="portfolio-container grid" style="position: relative; height: 976.2px;">
<div class="grid-item col-md-3 col-sm-6 col-xs-12 feature bseller" style="position: absolute; left: 390px; top: 0px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>One Day Tours</h3>
</a>
<a href="assets/images/gallery/2.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/2.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12 feature bseller" style="position: absolute; left: 0px; top: 244px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Two Day Tours</h3>
</a>
<a href="assets/images/gallery/5.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/5.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12 " style="position: absolute; left: 390px; top: 487px;">
<div class="portfolio-item ">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Round Tours</h3></a>
<a href="assets/images/gallery/6.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/6.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12" style="position: absolute; left: 390px; top: 487px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Services</h3></a>
<a href="assets/images/gallery/6.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/6.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>-->
<!-- <section class="tours section destination-top">
<div class="container">
<div class="row">
<div class="portfolio-details">
<div class="portfolio-container grid" style="position: relative; height: 976.2px;">
<div class="grid-item col-md-3 col-sm-6 col-xs-12 feature bseller" style="position: absolute; left: 390px; top: 0px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>One Day Tours</h3>
</a>
<a href="assets/images/gallery/2.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/2.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12 feature bseller" style="position: absolute; left: 0px; top: 244px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Two Day Tours</h3>
</a>
<a href="assets/images/gallery/5.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/5.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12 " style="position: absolute; left: 390px; top: 487px;">
<div class="portfolio-item ">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Round Tours</h3></a>
<a href="assets/images/gallery/6.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/6.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12" style="position: absolute; left: 390px; top: 487px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Services</h3></a>
<a href="assets/images/gallery/6.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/6.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>-->
<!-- <section class="tours section destination-top things-bottom">
<div class="container">
<div class="row">
<div class="portfolio-details">
<div class="portfolio-container grid" style="position: relative; height: 976.2px;">
<div class="grid-item col-md-3 col-sm-6 col-xs-12 feature bseller" style="position: absolute; left: 390px; top: 0px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>One Day Tours</h3>
</a>
<a href="assets/images/gallery/2.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/2.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12 feature bseller" style="position: absolute; left: 0px; top: 244px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Two Day Tours</h3>
</a>
<a href="assets/images/gallery/5.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/5.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12 " style="position: absolute; left: 390px; top: 487px;">
<div class="portfolio-item ">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Round Tours</h3></a>
<a href="assets/images/gallery/6.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/6.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
<div class="grid-item col-md-3 col-sm-6 col-xs-12" style="position: absolute; left: 390px; top: 487px;">
<div class="portfolio-item">
<img class="img-responsive" src="assets/images/tours/newlyweds.jpg"alt="Gallery">
<div class="port-hover gallery-hover">
<div class="port-content">
<a href="#">
<h3>Services</h3></a>
<a href="assets/images/gallery/6.jpg" data-fancybox="group" class="port-icon">
<img class="hidden-thumbnail" src="assets/images/gallery/6.jpg" alt="Thumbnail">
<img src="assets/images/icons/plus-btn.png" alt="Icon">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>-->
<?php include './footer.php'; ?>
<a href="#" class="back-to-top">
<i class="fas fa-angle-up"></i>
</a>
<script src="assets/js/jquery-3.2.1.min.js"></script>
<script src="assets/js/jquery-migrate-3.0.0.min.js"></script>
<script src="assets/js/apps.min.js"></script>
<script src="assets/contact-script/validator.js"></script>
<script src="assets/contact-script/contact.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBIXIAltBpyECUqr3TL75QK4itRXCV8KdE" async defer></script>
<script src="assets/js/custom.js"></script>
</body>
</html>
|