<?php
include_once(dirname(__FILE__) . '/class/include.php');
//$id = '';
//
//if (isset($_GET['id'])) {
// $id = $_GET['id'];
//}
//
//$ALBUM_PHOTO = new AlbumPhoto($id);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Women's Development Federation | Gallery</title>
<!-- Stylesheets -->
<link href="images/icons/favicon.png" rel="icon" sizes="32x32" type="image/png">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet"`>
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
<link href="fancybox-master/css/jquery.fancybox.min.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="page-wrapper">
<!-- Main Header -->
<?php
include 'header.php';
?>
<!--End Main Header -->
<!--Page Title-->
<section class="page-title" style="background-image:url(images/background/page-title-bg.jpg);">
<div class="auto-container">
<div class="sec-title">
<h1>Our <span class="normal-font">Gallery</span></h1>
<div class="bread-crumb"><a href="./">Home</a> / <a href="gallery-type.php">Album</a> / Gallery</div>
</div>
</div>
</section>
<!--Gallery Section-->
<section class="gallery-section tp-pb40">
<div class="auto-container">
<!--Filter-->
<!-- <div class="filters text-center">
<ul class="filter-tabs filter-btns clearfix anim-3-all">
<li class="active filter" data-role="button" data-filter="all">All</li>
<li class="filter" data-role="button" data-filter=".environment">Child</li>
<li class="filter" data-role="button" data-filter=".eco">Charity</li>
<li class="filter" data-role="button" data-filter=".energy">Volunteering</li>
<li class="filter" data-role="button" data-filter=".animals">Sponsorship</li>
<li class="filter" data-role="button" data-filter=".plants">Plants</li>
</ul>
</div>-->
<!--Filter List-->
<div class="row filter-list clearfix">
<!--Column-->
<?php
$GALLERY = new AlbumPhoto(NULL);
foreach ($GALLERY->all() as $gallery) {
?>
<div class="column mix mix_all environment energy animals col-md-3 col-sm-6 col-xs-12">
<!--Default Portfolio Item-->
<div class="default-portfolio-item">
<div class="inner-box text-center">
<!--Image Box-->
<figure class="image-box"><img src="upload/photo-album/gallery/thumb/<?php echo $gallery['image_name'] ?>" alt=""></figure>
<div class="overlay-box">
<div class="inner-content">
<div class="content">
<a class="arrow lightbox-image" href="upload/photo-album/gallery/<?php echo $gallery['image_name'] ?>" data-fancybox="images"><span class="icon flaticon-cross-4"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</section>
<!--Main Footer-->
<?php
include 'footer.php';
?>
<!--End Main Footer-->
</div>
<!--End pagewrapper-->
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".page-wrapper"><span class="fa fa-long-arrow-up"></span></div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/wow.js"></script>
<script src="fancybox-master/js/jquery.fancybox.min.js" type="text/javascript"></script>
<script src="js/script.js"></script>
</body>
</html> |