OverLord Shell

        <?php include("header.php");?>
          <div class="breadcrumb-box">
                <div class="container"><br>
                          <ul class="breadcrumb"  style="float:left;">
                            <li><a href="#">Home</a></li>
                            <li class="active">Glorious Memories</li>
                        </ul>
                    </div>
                       <div class="section-title" data-animation="fadeInUp">
                    <!-- Heading -->
                    <h2 class="title" style="color:#A13739">Glorious Memories</h2>
                </div> <br><br>
                </div>
            <style>
            .gallery
{
    display: inline-block;
    margin-top: 25px;
	
	
}#example {
  border: 1px solid;
  padding: 10px;
  box-shadow: 5px 10px #888888;
}</style>
          
<div class="container">
	<div class="row">
		<div class='list-group gallery'>
         <?php
                $memberq="select * from mc_oldmemories where active='y'";
				$memberconn=$connection->query($memberq);
				while($member=$memberconn->fetch_assoc()) { ?>
            <div class='col-sm-4 col-md-4 col-lg-4'>
             <div class="grids pad-20">
                    <div class="grid">
                 <div id="example">
            <a class="fancybox" href="upload/oldmem/<?php echo $member['image'];?>">
                    <img  src="upload/oldmem/<?php echo $member['image'];?>" alt="Recent Work" class="img-responsive"  style="height:250px; width:330px;"/></a></div></div></div>
                    <div class='text-center'>
                        <?php echo $member['short_description'];?>
                    </div> 
             
            </div><?php }?>
        </div> 
	</div> 
</div>
 <?php include("footer.php");?>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>

		<script>
	$(".fancybox").fancybox();

</script>