<?php
include("header.php");
?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.0/css/lightbox.css">
<style>
#imgTest:hover{
box-shadow: 0px 0px 10px 2px rgba(0,0,0,1);
}
</style>
<!-- Breadcromb Area Start -->
<section class="gauto-breadcromb-area section_70">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="breadcromb-box">
<h3>Gallery</h3>
<ul>
<li><i class="fa fa-home"></i></li>
<li><a href="index.php">Home</a></li>
<li><i class="fa fa-angle-right"></i></li>
<li>Gallery</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcromb Area End -->
<!-- About Page Area Start -->
<section class="about-page-area section_70" style="background-color: white;">
<div class="container">
<div class="row">
<?php
$sl = 1;
$get = mysql_query("SELECT * FROM `gallery` ORDER BY `i_id` DESC ");
while($data = mysql_fetch_array($get)){
?>
<div class="col-lg-3">
<div class="about-page-left">
<a class="example-image-link" href="images/<?php echo $data["i_image"];?>" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img id="imgTest" class="example-image img-thumbnail" src="images/<?php echo $data["i_image"];?>" alt="" style="width:230px; height:180px; margin:10px;"/></a>
</div>
</div>
<?php
//$sl++;
}
?>
</div>
</div>
</section>
<!-- About Page Area End -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.0/js/lightbox.js"></script>
<?php
include("footer.php");
?>
EmoticonEmoticon