| 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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>LCIT Public School</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="assets/owlcarousel/owl.theme.default.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="assets/owlcarousel/owl.carousel.min.js"></script>
<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- 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>
html {
scroll-behavior: smooth;
}
ul.a {
text-align:justify;
list-style: none;
margin: .5em;
padding: 0;
li {
margin: 0;
margin-bottom: .5em;
padding-left: 1em;
position: relative;
&:after {
content: '';
width: .4em;
background: #fd7e14;
display: block;
position: absolute;
transform: rotate(45deg);
top: .25em;
left: 0;
}
}
}
.swiper {
width: 100%;
height: 720px; /* fixed height for all slides */
position: relative;
}
.swiper-slide {
display: flex; /* center image */
justify-content: center;
align-items: center;
}
.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover; /* fills slide without distortion */
}
.swiper-controls {
display: flex;
align-items: center;
gap: 5px;
}
.swiper-button-next,
.swiper-button-prev {
color: #fff; /* adjust to match your theme */
}
.swiper-pagination {
position: relative; /* keeps dots inline */
}
.swiper {
width: 100%;
height: 720px;
position: relative; /* important for overlay positioning */
}
.slider-content-overlay {
position: absolute;
top: 30%; /* vertical position (adjust as needed) */
right: 0%; /* push overlay to the right side */
z-index: 10; /* ensures it stays above images */
text-align: right;
color: #fff;
}
.slider-content-overlay h2,
.slider-content-overlay h3 {
text-shadow: 0 2px 5px rgba(0,0,0,0.6); /* improves readability */
}
.slider-content-overlay a {
display: inline-block;
margin-top: 15px;
}
/* sticky-ico */
.sticky-icon {
z-index:1;
position:fixed;
top:25%;
right:0%;
width:220px;
display:flex;
flex-direction:column;}
.sticky-icon a {
transform:translate(160px,0px);
border-radius:50px 0px 0px 50px;
text-align:left;
margin:2px;
text-decoration:none;
text-transform:uppercase;
padding:10px;
font-size:14px;
font-family:'Oswald', sans-serif;
transition:all 0.8s;}
.sticky-icon a:hover {
color:#FFF;
transform:translate(0px,0px);}
.sticky-icon a:hover i {
transform:rotate(360deg);}
/*.search_icon a:hover i {
transform:rotate(360deg);}*/
.Facebook {
background-color:#139c06;
color:#d8ddf0;}
.Youtube {
background-color:#fa0910;
color:#d8ddf0;}
.Twitter {
background-color:#53c5ff;
color:#d8ddf0;}
.Instagram {
background-color:#030c3b;
color:#d8ddf0;}
.Google {
background-color:#d34836;
color:#d8ddf0;}
.sticky-icon a i {
background-color:#FFF;
height:40px;
width:40px;
color:#d8ddf0;
text-align:center;
line-height:40px;
border-radius:50%;
margin-right:20px;
transition:all 0.5s;}
.sticky-icon a i.fa-facebook-f {
background-color:#FFF;
color:#d8ddf0;}
.sticky-icon a i.fa-google-plus-g {
background-color:#FFF;
color:#d8ddf0;}
.sticky-icon a i.fa-instagram {
background-color:#FFF;
color:#d8ddf0;}
.sticky-icon a i.fa-youtube {
background-color:#FFF;
color:#d8ddf0;}
.sticky-icon a i.fa-twitter {
background-color:#FFF;
color:#d8ddf0;}
.fas fa-shopping-cart {
background-color:#FFF;}
#myBtn {
height:50px;
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
text-align:center;
padding:10px;
text-align:center;
line-height:40px;
border: none;
outline: none;
background-color: #1e88e5;
color: white;
cursor: pointer;
border-radius: 50%;
}
.fa-arrow-circle-up {
font-size:30px;}
#myBtn:hover {
background-color: #555;
}
.column {
flex: 1; /* equal width columns */
text-align: center;
}
.column img {
width: 100%; /* responsive image */
max-width: 400px; /* limit max size */
border-radius: 8px; /* rounded corners */
box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* subtle shadow */
transition: transform 0.3s ease;
}
.column img:hover {
transform: scale(1.5); /* zoom effect on hover */
}
/* Activity */
.activity-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.activity-card {
flex: 1 1 200px;
cursor: pointer;
}
.activity-card img {
width: 100%; /* makes all images fill their card */
height: 200px; /* fixed height for consistency */
object-fit: cover; /* crops images neatly without distortion */
border-radius: 8px;
transition: transform 0.3s;
}
.activity-card img:hover {
transform: scale(1.05);
}
/* Lightbox overlay */
#lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
#lightbox img {
max-width: 90%;
max-height: 90%;
border: 4px solid #fff;
border-radius: 10px;
}
/* star */
.star-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
overflow: hidden;
max-width: 500px;
margin: 0 auto;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.star-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}
.star-card img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.star-card-body {
padding: 15px;
}
.star-card-body h4 {
margin: 10px 0;
font-size: 20px;
color: #f39c12;
}
.star-card-body p {
margin: 5px 0;
font-size: 14px;
color: #555;
}
/* Responsive */
@media (max-width: 768px) {
.star-card {
max-width: 100%;
}
}
</style>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- 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="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="assets/images/bg/s2.png" alt="Slide 1" >
</div>
<div class="swiper-slide">
<img src="assets/images/bg/banner1.png" alt="Slide 2">
</div>
<div class="swiper-slide">
<img src="assets/images/bg/banner2.png" alt="Slide 3">
</div>
<div class="swiper-slide">
<img src="assets/images/bg/banner3.png" alt="Slide 4">
</div>
<div class="swiper-slide">
<img src="assets/images/bg/banner4.png" alt="Slide 5">
</div>
</div>
</div>
<!--Start Sticky Icon-->
<div class="sticky-icon">
<a href="admission_form.php" target="_blank" class="Instagram">
<img src="assets/images/icon/admission-form.png" alt="admission-form" style="height:55px; width:55px;"> Admission Form </a>
<a href="https://wa.me/9516900123" target="_blank" class="Facebook">
<img src="assets/images/icon/whatsapp-logo.png" alt="WhatsApp" style="height:50px; width:50px;"> WhatsApp </a>
<!-- <a href="https://www.instagram.com/?hl=en" class="Instagram"><i class="fab fa-instagram"></i> Instagram </a>
<a href="https://www.facebook.com/" class="Facebook"><i class="fab fa-facebook-f"> </i> Facebook </a>
<a href="https://aboutme.google.com/u/0/?referer=gplus" class="Google"><i class="fab fa-google-plus-g"> </i> Google + </a>
<a href="https://www.youtube.com/" class="Youtube"><i class="fab fa-youtube"></i> Youtube </a>
<a href="https://twitter.com/login" class="Twitter"><i class="fab fa-twitter"> </i> Twitter </a> -->
</div>
<!--End Sticky Icon-->
<!-- slider area end -->
<!-- about area start -->
<div class="about-area pb--70 pt--120" id="about">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about-left-content">
<div class="section-title">
<h2>Welcome to</h2><h2><span>Our </span> <span class="primary-color">LCIT Blooming Buds</span></h2>
<br>
<p style="text-align:justify;">
Welcome to <b> *LCIT BLOOMING BUDS*</b> – a joyful and nurturing space where little minds begin their journey of discovery, creativity, and growth! Established in the academic session <b>2023–2024</b>, our school is built on the belief that early childhood education lays the foundation for a lifetime of learning. We are committed to providing a safe, engaging, and child-friendly environment where every child feels valued and inspired.</p>
<b>What We Offer:</b><br>
<ul class="a">
<li> <b>Classes from Play Group to Class III:</b> Our curriculum is thoughtfully designed to suit each developmental stage, focusing on cognitive, emotional, and social development.</li>
<li> <b>Transport Facility:</b> To make daily travel safe and convenient for parents and students, we provide well-managed transport services with trained staff.</li>
<li> <b>Dedicated Teachers:</b> Our caring and experienced educators are passionate about early learning and ensure individual attention for every child.</li> </ul><br><br>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="abt-right-thumb" style="height:70%; width:100%;">
<div class="abt-rt-inner" style="height:100%; width:100%;">
<img src="assets/images/bg/LCIT-BB.jpeg" alt="image">
<!-- <a class="expand-video" href="https://www.youtube.com/watch?v=cdfMgotGKIM"><i class="fa fa-play"></i></a> -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="course-area pt--120 pb--70" style="background-color:#e0dede;">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="section-title text-center">
<h3 style="font-size:28px; font-weight:bold; color:#2c3e50;">
<span class="primary-color">⭐ Star of the Month ⭐</span>
</h3>
<br><br>
<div class="star-card">
<img src="assets/images/Activity/Star-of-the-month-Jul-2026.webp" alt="Star of the Month">
<div class="star-card-body">
<h4>Congratulations!</h4>
<p>Our shining star for this month</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about area end -->
<!-- Activity area start -->
<div class="course-area pt--120 pb--70">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title">
<h3 style="text-align: center; font-size:28px; font-weight:bold; color:#2c3e50;">
<span class="primary-color"> Beyond the Classroom</span>
</h3>
<br><br>
<div class="activity-container">
<div class="activity-card">
<img src="assets/images/Activity/Bag-Making-Competition.webp" alt="Button Art Competition">
</div>
<div class="activity-card">
<img src="assets/images/Activity/Button-Art-Competititon-1.webp" alt="Button Art Competition">
</div>
<div class="activity-card">
<img src="assets/images/Activity/Vigyan Pradarshan.webp" alt="Science Exhibition">
</div>
<div class="activity-card">
<img src="assets/images/Activity/MovieTime-3.webp" alt="Movie Time">
</div>
<div class="activity-card">
<img src="assets/images/Activity/sand-acitvity-2.jpeg" alt="Sand Activity">
</div>
<div class="activity-card">
<img src="assets/images/Activity/Eco-Art-2.jpeg" alt="Eco Art">
</div>
<div class="activity-card">
<img src="assets/images/Activity/Fish-Aquriuam-Making-1.jpeg" alt="Fish Aquarium Making">
</div>
</div>
<!-- Lightbox -->
<div id="lightbox">
<img src="" alt="Enlarged Activity">
</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>
var swiper = new Swiper(".mySwiper", {
loop: true,
effect: "fade",
fadeEffect: { crossFade: true },
autoplay: {
delay: 3000,
disableOnInteraction: false
},
speed: 3000,
pagination: {
el: ".swiper-pagination",
clickable: true
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
}
});
</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>
<script>
const lightbox = document.getElementById("lightbox");
const lightboxImg = lightbox.querySelector("img");
document.querySelectorAll(".activity-card img").forEach(img => {
img.addEventListener("click", () => {
lightbox.style.display = "flex";
lightboxImg.src = img.src;
lightboxImg.alt = img.alt;
});
});
lightbox.addEventListener("click", () => {
lightbox.style.display = "none";
});
</script>
</body>
</html>