ok
Mini Shell
<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
<title>Gallery | BOSON Physics With Pranav</title>
<?php include('links.php') ?>
<style>
.edu-gallery-grid .thumbnail{
height:240px;
max-height:240px;
}
.edu-gallery-grid .thumbnail img{
width:100%;
height:100%;
object-fit: cover;
}
</style>
</head>
<body class="sticky-header ">
<div id="main-wrapper" class="main-wrapper">
<!--=====================================-->
<!--= Header Area Start =-->
<!--=====================================-->
<?php include('header.php') ?>
<!--=====================================-->
<!--= Breadcrumb Area Start =-->
<!--=====================================-->
<!--<div class="edu-breadcrumb-area">-->
<!-- <div class="container">-->
<!-- <div class="breadcrumb-inner">-->
<!-- <div class="page-title">-->
<!-- <h1 class="title">Gallery</h1>-->
<!-- </div>-->
<!-- <ul class="edu-breadcrumb">-->
<!-- <li class="breadcrumb-item"><a href="index.php">Home</a></li>-->
<!-- <li class="separator"><i class="icon-angle-right"></i></li>-->
<!-- <li class="breadcrumb-item active" aria-current="page">Gallery</li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- <ul class="shape-group">-->
<!-- <li class="shape-1">-->
<!-- <span></span>-->
<!-- </li>-->
<!-- <li class="shape-2 scene"><img data-depth="2" src="assets/images/about/shape-13.png" alt="shape"></li>-->
<!-- <li class="shape-3 scene"><img data-depth="-2" src="assets/images/about/shape-15.png" alt="shape"></li>-->
<!-- <li class="shape-4">-->
<!-- <span></span>-->
<!-- </li>-->
<!-- <li class="shape-5 scene"><img data-depth="2" src="assets/images/about/shape-07.png" alt="shape"></li>-->
<!-- </ul>-->
<!--</div>-->
<div class="edu-gallery-area edu-section-gap edu-breadcrumb-area">
<div class="container">
<div class="isotope-wrapper">
<div class="isotop-button button-transparent isotop-filter">
<button data-filter="*" class="is-checked">
<span class="filter-text">All</span>
</button>
<button data-filter=".INFRASTRUCTURE">
<span class="filter-text">INFRASTRUCTURE</span>
</button>
<button data-filter=".CELEBRATIONS">
<span class="filter-text">CELEBRATIONS</span>
</button>
<button data-filter=".PARTIES">
<span class="filter-text">PARTIES</span>
</button>
<button data-filter=".CLASSROM">
<span class="filter-text">CLASSROM VIBE</span>
</button>
<button data-filter=".EXAM">
<span class="filter-text">EXAM VIBE</span>
</button>
<button data-filter=".PARENTS">
<span class="filter-text">PARENTS MEETING</span>
</button>
<button data-filter=".SEMINAR">
<span class="filter-text">SEMINAR</span>
</button>
<button data-filter=".MEDIA">
<span class="filter-text">MEDIA</span>
</button>
</div>
<div class="isotope-list gallery-grid-wrap">
<div id="animated-thumbnials">
<?php
$sql="SELECT * from gallery";
$res=mysqli_query($db,$sql);
while($row=mysqli_fetch_array($res))
{
?>
<a href="admin/upload/<?php echo $row['app_image']; ?>" class="edu-popup-image edu-gallery-grid p-gallery-grid-wrap isotope-item <?php echo $row['title']; ?>">
<div class="thumbnail">
<img src="admin/upload/<?php echo $row['app_image']; ?>" alt="Gallery Image">
</div>
<div class="zoom-icon">
<i class="icon-69"></i>
</div>
</a>
<?php } ?>
</div>
</div>
</div>
</div>
<ul class="shape-group">
<li class="shape-1">
<span></span>
</li>
<li class="shape-2 scene"><img data-depth="2" src="assets/images/about/shape-13.png" alt="shape"></li>
<li class="shape-3 scene"><img data-depth="-2" src="assets/images/about/shape-15.png" alt="shape"></li>
<li class="shape-4">
<span></span>
</li>
<li class="shape-5 scene"><img data-depth="2" src="assets/images/about/shape-07.png" alt="shape"></li>
</ul>
</div>
<!--=====================================-->
<!--= Gallery Area Start =-->
<!--=====================================-->
<!-- Start Footer Area -->
<?php include('footer.php') ?>
<!-- End Footer Area -->
</div>
<?php include('javascript.php') ?>
</body>
</html>
Zerion Mini Shell 1.0