<?php
include './db.php';
include './main-functions.php';
$id = 2;
$gallery = getAlbumPhotosByAlbumId($id);
?>
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Gallery | The Garden Hotel</title>
<!-- Bootstrap CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="fonts/themify-icons.css" rel="stylesheet">
<!-- Owl Carousel CSS -->
<link href="css/owl.carousel.css" rel="stylesheet">
<!-- Magnific Popup core CSS file -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Animate CSS -->
<link rel="stylesheet" href="css/animate.css">
<!-- Theme CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
</head>
<body class="passp_black">
<div class="passpartu passpartu_left"></div>
<div class="passpartu passpartu_right"></div>
<div class="passpartu passpartu_top"></div>
<div class="passpartu passpartu_bottom"></div>
<div class="page" id="page">
<!-- Header -->
<header class="no_border">
<!-- Logo -->
<div class="logo pull-left">
<a href="#">
<img src="images/seven-star-studio-holdings-logo.png" alt="seven-star-studio-holdings-logo"/>
</a>
</div>
<!-- Header Buttons -->
<div class="header_btns_wrapper">
<!-- Main Menu Btn -->
<div class="main_menu"><i class="ti-menu"></i><i class="ti-close"></i></div>
<!-- Sub Menu -->
<div class="sub_menu">
<div class="sub_cont">
<ul>
<li><a href="index.php#home">Home</a></li>
<li><a href="index.php#about-us">About Us</a></li>
<li><a href="index.php#services">Services</a></li>
<li><a href="index.php#gallery">Gallery</a></li>
<li><a href="index.php#menus">Our Menus</a></li>
<li><a href="index.php#contacts">Contacts</a></li>
</ul>
</div>
</div>
<!-- Sub Menu End -->
</div>
<!-- Header Buttons End -->
<!-- Up Arrow -->
<a href="#page" class="up_block go"><i class="fa fa-angle-up"></i></a>
</header>
<!-- Header End -->
<!-- Intro-->
<div class="inside_title image_bck grey_border"data-image="images/gallery-banner.jpg" style="background-image: url("images/gallery-banner.jpg");">
<div class="over" data-opacity="0.8" data-color="rgba(0, 0, 0, 0.9)" style="opacity: 0.8; background-color: rgba(140, 140, 140, 0.77);"></div>
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 style="color: #ffffff;">Photo Gallery</h1>
</div>
<div class="col-md-6 text-right" style="color: #ffffff;">
<div class="breadcrumbs">
<a href="index.php" style="color: #ffffff;">Home</a> Photo Gallery
</div>
</div>
</div>
</div>
</div>
<!-- Intro End-->
<div class="content">
<div class="container-fluid">
<div class="row">
<div class="bordered_block col-md-12 grey_border">
<div class="container">
<div class="row">
<!--Sidebar-->
<div class="col-md-12 col-xs-12">
<div class="masonry row" style="position: relative; height: 843px;">
<?php
if (count($gallery) > 0) {
foreach ($gallery as $img) {
?>
<div class="col-sm-3 post-snippet masonry-item" style="position: absolute; left: 386px; top: 10px;">
<a href="images/photo-albums/photos/<?php echo $img["photo"]; ?>" class="lightbox" title="<?php echo $img["caption"]; ?>">
<img alt="" src="images/photo-albums/photos/thumb/<?php echo $img["photo"]; ?>">
<span class="potfolio_txt">
<span class="portfolio_cont text-center">
<span class="portfolio_title">
<?php echo $img["caption"]; ?>
</span>
<span class="ti ti-zoom-in"></span>
</span>
</span>
</a>
</div>
<?php
}
} else {
?>
<b>No images in the database.</b>
<?php } ?>
</div>
</div>
<!--Sidebar End-->
</div>
<!--Row End-->
</div>
</div>
</div>
<!-- Row End -->
</div>
</div>
<!-- Footer -->
<?php include './footer.php'; ?>
<!-- Footer End -->
</div>
<!-- Page End -->
<!-- JQuery -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- WL Carousel JS -->
<script src="js/owl.carousel.min.js"></script>
<!-- PrefixFree -->
<script src="js/prefixfree.min.js"></script>
<!-- Magnific Popup core JS file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- Textillate -->
<script src="js/jquery.lettering.js"></script>
<!-- Countdown -->
<script src="js/jquery.plugin.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<!-- JQuery UI -->
<script src="js/jquery-ui.js"></script>
<!-- Wow -->
<script src="js/wow.js"></script>
<!-- Masonry -->
<script src="js/masonry.pkgd.min.js"></script>
<!-- Bootstrap JS -->
<script src="js/bootstrap.min.js"></script>
<!-- Theme JS -->
<script src="js/script.js"></script>
</body>
</html> |