| Server IP : 199.79.63.27 / Your IP : 216.73.217.151 Web Server : Microsoft-IIS/10.0 System : Windows NT MD-PLESK-WEB5 10.0 build 20348 (Windows Server 2022) AMD64 User : IWPD_6698(lcitec7i) ( 0) PHP Version : 8.3.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : D:/INETPUB/VHOSTS/lcit.edu.in/lcitps.edu.in/lcitbb/ |
Upload File : |
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>LCIT Blooming Buds School</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/png" href="assets/images/icon/favicon.ico">
<?php include 'alllinks.php';?>
<style>
.thumbnail img {
width: 100%;
height: 250px; /* or any height you prefer */
object-fit: cover; /* crops images to fit without distortion */
margin-bottom: 20px; /* adjust value as needed */
}
</style>
</head>
<body>
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- prealoader area end -->
<!-- header area start -->
<?php include 'BLOOMING_BUDS_Novbar.php'; ?>
<!-- header area end -->
<!-- offset search area start -->
<div class="offset-search">
<form action="#">
<input type="text" name="search" placeholder="Sarch here...">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
<!-- offset search area end -->
<!-- body overlay area start -->
<div class="body_overlay"></div>
<!-- body overlay area end -->
<!-- slider area start -->
<div class="crumbs-area">
<div class="container">
<div class="crumb-content">
<h4 class="crumb-title">Gallery</h4>
</div>
</div>
</div>
<!-- slider area end -->
<!-- about area start -->
<div class="about-area ptb--120">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="about-left-content">
<br>
<h3>Gallery</h3>
<br>
<div class="row">
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Yoga-Day-1.jpeg" target="_blank">
<img src="assets/images/Gallery/Yoga-Day-1.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Yoga-Day-2.jpeg" target="_blank">
<img src="assets/images/Gallery/Yoga-Day-2.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Yoga-Day-3.jpeg" target="_blank">
<img src="assets/images/Gallery/Yoga-Day-3.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Yoga-Day-4.jpeg" target="_blank">
<img src="assets/images/Gallery/Yoga-Day-4.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Yoga-Day-5.jpeg" target="_blank">
<img src="assets/images/Gallery/Yoga-Day-5.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Gallery2026-04-13-1.jpeg" target="_blank">
<img src="assets/images/Gallery/Gallery2026-04-13-1.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Gallery2026-04-13-2.jpeg" target="_blank">
<img src="assets/images/Gallery/Gallery2026-04-13-2.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Gallery2026-04-13-3.jpeg" target="_blank">
<img src="assets/images/Gallery/Gallery2026-04-13-3.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Gallery2026-04-13-4.jpeg" target="_blank">
<img src="assets/images/Gallery/Gallery2026-04-13-4.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Image-Gallery1.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery1.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery2.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery2.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery3.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery3.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery4.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery4.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery5.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery5.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery6.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery6.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Student-life/teachersday4.jpg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Image-Gallery7.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery7.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery8.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery8.jpeg" alt="Lights" style="width:100%">
</a> </div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery9.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery9.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery10.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery10.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery12.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery12.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Student-life/teachersday4.jpg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Image-Gallery13.jpg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery13.jpg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery14.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery14.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery15.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery15.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery16.jpg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery16.jpg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery17.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery17.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery18.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery18.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<!-- <img src="assets/images/Student-life/teachersday4.jpg" alt="image"class="img-thumbnail" width="350" height="400"> -->
<a href="assets/images/Gallery/Image-Gallery19.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery19.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery20.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery20.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery21.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery21.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery22.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery22.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery23.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery23.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery24.jpg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery24.jpg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery25.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery25.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery26.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery26.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery27.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery27.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery28.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery28.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<div class="col-md-4">
<div class="thumbnail">
<a href="assets/images/Gallery/Image-Gallery29.jpeg" target="_blank">
<img src="assets/images/Gallery/Image-Gallery29.jpeg" alt="Lights" style="width:100%">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about area end -->
<!-- footer area start -->
<?php include 'Footer.php'; ?>
<!-- footer area end -->
<!-- jquery latest version -->
<script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
<!-- bootstrap 4 js -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- others plugins -->
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/jquery.slicknav.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/scripts.js"></script>
<script>
$(document).ready(function() {
// get video source from data-src button
var $videoSrc;
$('.video-btn').click(function() {
$videoSrc = $(this).data( "src" );
});
console.log($videoSrc);
// autoplay video on modal load
$('#myModal').on('shown.bs.modal', function (e) {
// youtube iframe configuration and settings
$("#video").attr('src',$videoSrc + "?autoplay=1&rel=0&controls=1&loop=1&modestbranding=1");
})
// stop playing the youtube video when modal closed
$('#myModal').on('hide.bs.modal', function (e) {
// stop video
$("#video").attr('src',$videoSrc);
})
});
</script>
</body>
</html>