| Server IP : 199.79.63.27 / Your IP : 216.73.216.250 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/ |
Upload File : |
<!DOCTYPE html>
<html 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>
ul.a {
color: #0f0f0f;
text-align:justify;
list-style: none;
margin: .5em;
padding: 0;
li {
margin: 0;
margin-bottom: .5em;
padding-left: 1em;
position: relative;
font-size: 1em;
&:after {
content: '';
height: .4em;
width: .4em;
background: #fd7e14;
display: block;
position: absolute;
transform: rotate(45deg);
top: .25em;
left: 0;
}
}
}
.swiper {
width: 100%;
height: 750px; /* 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;
}
//popup
.modal-body {
h1 {
font-weight:900;
font-size:2.3em;
text-transform:uppercase;
}
}
.pre-order-btn {
display: inline-block;
padding: 12px 28px;
background: linear-gradient(135deg, #034203, #042104); /* dark green gradient */
color: #fff;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
transition: transform 0.2s ease, background 0.3s ease;
}
.pre-order-btn:hover {
background: linear-gradient(135deg, #004d00, #1e7b1e); /* darker hover effect */
transform: translateY(-2px);
}
/* fixed height */
.course-thumb img {
width: 100%; /* makes image fill the container */
height: 350px; /* fixed height */
object-fit: contain; /* crops nicely without distortion */
display: block; /* removes inline spacing */
border-radius: 5px; /* optional: rounded corners */
}
.card-img-top {
height: 180px; /* fixed height for uniform images */
object-fit: cover; /* crops nicely */
}
.custom-img {
width: 100%; /* fills the card width */
height: 350px; /* fixed height for consistency */
object-fit: contain; /* crops and scales image nicely */
border-radius: 5px; /* optional: rounded corners */
}
.custom-video {
width: 100%;
height: 350px; /* same height as images */
}
</style>
</head>
<body>
<!-- popup area start -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<!-- <h4 class="modal-title">Modal Header</h4> -->
</div>
<div class="modal-body text-center">
<img src="assets/images/AddLcitpsN.webp" alt="addLcitps">
</div>
<!-- <div class="modal-footer">
<a href="admission_form.php" class="pre-order-btn">Apply Now</a>
<button type="button" class="pre-order-btn" data-dismiss="modal">Apply Now</button>
</div>-->
</div>
</div>
</div>
<!-- popup area end -->
<script type="text/javascript">
var s=document.createElement("script");
s.type="text/javascript";
s.async=true; s.src="https://widgets.in6.nopaperforms.com/emwgts.js";
document.body.appendChild(s);
</script>
<!-- preloader area start -->
<div id="preloader">
<div class="loader"></div>
</div>
<!-- prealoader area end -->
<!-- header area start -->
<?php include 'navbar.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.jpeg" alt="Slide 1" style="object-fit:cover;" >
</div>
<div class="swiper-slide">
<img src="assets/images/Student-life/investiture_ceremony4.jpg" alt="Slide 2">
</div>
<div class="swiper-slide">
<img src="assets/images/bg/investiture_ceremony3.webp" alt="Slide 3">
</div>
<div class="swiper-slide">
<img src="assets/images/bg/Investiture-Ceremony-2026-10.webp" alt="Slide 4">
</div>
<div class="swiper-slide">
<img src="assets/images/bg/Investiture-Ceremony-2026-11.webp" 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>
<!--<button type="button" class="npf_wgts" data-height="400px" data-w="458499865aeeb12239dbb3f78f619105">Admission Form</button> </a>
<div class="npf_wgts" data-height="400px" data-w="458499865aeeb12239dbb3f78f619105"><img src="assets/images/icon/admission-form.png" alt="admission-form" style="height:55px; width:55px;"> Admission Form</div>
<div class="npf_wgts" data-height="400px" data-w="458499865aeeb12239dbb3f78f619105">Admission Form</div>
<img src="assets/images/icon/admission-form.png" alt="admission-form" style="height:55px; width:55px;"> -->
<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>
</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">
<span class="text-uppercase">about us</span>
<h2>Welcome to</h2><h2><span>Our </span> <span class="primary-color">LCIT Public School</span></h2>
</div>
<p style="text-align:justify;">Welcome to <b>LCIT PUBLIC SCHOOL</b>. We think that it is very important to take care of minds and help them become good people through good education and teaching them good values. Our school <b>started in 2014</b>. Since then it has been a great place where people can come to learn and become successful. </p>
<a class="btn btn-primary btn-round" href="about.php">Read more</a>
</div>
</div>
<div class="col-lg-6">
<div class="abt-right-thumb" style="height:100%; width:100%;">
<div class="abt-rt-inner" style="height:105%; width:100%;">
<img src="assets/images/bg/LCIT-PS.webp" alt="image">
<!-- <a class="expand-video" href="https://www.youtube.com/watch?v=RnlZMgIx7r0&ab_channel=DjAkki"><i class="fa fa-play"></i></a> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about area end -->
<!-- course area start -->
<div class="course-area pt--120 pb--70" style="background-color:#e0dede;">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="section-title">
<h3>Class XI-XII <br>Subject Streams </h3> <br>
<span class="text-uppercase">
Building a strong career starts with a clear vision and continuous effort.
</span>
</div>
</div>
</div>
<!-- Cards in a grid -->
<div class="row">
<!-- Mathematics -->
<div class="col-md-6 col-lg-3 mb-4">
<div class="card h-100">
<div class="course-thumb">
<img src="assets/images/course/maths.jpg" alt="Mathematics subject illustration" class="card-img-top">
<span class="cs-price primary-bg">Maths</span>
</div>
<div class="card-body">
<h4 class="text-warning"><a href="course-details.php">Mathematics</a></h4>
<p style="text-align:justify;">Mathematics builds problem-solving, logical reasoning, and analytical skills.</p>
<strong>Streams Available:</strong>
<ul>
<li>Mathematics and Computer Science</li>
<li>Mathematics and Physical Education</li>
</ul>
</div>
</div>
</div>
<!-- Biology -->
<div class="col-md-6 col-lg-3 mb-4">
<div class="card h-100">
<div class="course-thumb">
<img src="assets/images/course/biology.webp" alt="Biology subject illustration" class="card-img-top">
<span class="cs-price primary-bg">Bio</span>
</div>
<div class="card-body">
<h4 class="text-warning"><a href="course-details.php">Biology</a></h4>
<p style="text-align:justify;">Biology is great for careers in medicine, environmental science, and biotechnology.</p>
<strong>Streams Available:</strong>
<ul>
<li>Biology and Computer Science</li>
<li>Biology and Physical Education</li>
<li>Biology and Maths</li>
</ul>
</div>
</div>
</div>
<!-- Commerce -->
<div class="col-md-6 col-lg-3 mb-4">
<div class="card h-100">
<div class="course-thumb">
<img src="assets/images/course/commerce.jpg" alt="Commerce subject illustration" class="card-img-top">
<span class="cs-price primary-bg">Com</span>
</div>
<div class="card-body">
<h4 class="text-warning"><a href="course-details.php">Commerce</a></h4>
<p style="text-align:justify;">Commerce opens doors to careers in accounting, management, banking, and entrepreneurship.</p>
<strong>Streams Available:</strong>
<ul>
<li>Commerce and Applied Maths</li>
<li>Commerce and Physical Education</li>
<li>Commerce and Informatics Practices</li>
</ul>
</div>
</div>
</div>
<!-- Humanities -->
<div class="col-md-6 col-lg-3 mb-4">
<div class="card h-100">
<div class="course-thumb">
<img src="assets/images/course/SocialScience.jpg" alt="Humanities subject illustration" class="card-img-top">
<span class="cs-price primary-bg">Hum</span>
</div>
<div class="card-body">
<h4 class="text-warning"><a href="course-details.php">Humanities</a></h4>
<p style="text-align:justify;">The humanities study human culture, history, language, philosophy, and the arts.</p>
<strong>Streams Available:</strong>
<ul>
<li>Humanities and Physical Education</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- course area end -->
<!-- Why Choose Us area start --><br>
<div class="course-area pt--120 pb--70" >
<div class="container"><br>
<div class="row">
<div class="col-lg-6">
<h3 style="text-align:center;">Why Choose Us</h3> <br><br>
<div class="about-left-content">
<div class="section-title">
<ul class="a">
<li><b>Experienced Faculty:</b> Our dedicated and qualified teachers focus on personalized attention and innovative teaching methods.</li>
<li><b> State-of-the-Art Infrastructure:</b> Spacious classrooms, well-equipped laboratories, a rich library, and digital learning tools.</li>
<li><b> Holistic Development:</b> A balance of academics, sports, arts, and cultural activities.</li>
<li><b> Value-Based Education:</b> Emphasis on discipline, integrity, and social responsibility.</li>
<li><b> Safe & Secure Environment:</b> CCTV surveillance, trained staff, and medical facilities to ensure student safety.</li>
<li><b> Career Guidance: </b> Expert counselling to help students choose the right career paths.
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<h3>Our USPs </h3>
<br><br>
<ul class="a">
<li>Effective study materials created by our faculties</li>
<li>Modern Pedagogy </li>
<li>Lush Green campus with spacious sports grounds </li>
<li>Well equipped lab</li>
<li>Hygienic cafeteria </li>
<li>Digital Smart classes</li>
<li> Career Counselling by Experts</li>
<li>Transport facility
Available</li>
<li>Hostel Facilities available</li> </ul>
</div>
</div>
</div>
</div>
<!-- Why Choose Us area end -->
<!-- Activities Section Start -->
<section class="course-area pt--120 pb--70" style="background-color:#e0dede;"id="course">
<div class="container">
<div class="section-title">
<h2>Our Activities</h2>
</div>
<div class="row mb-4">
<div class="col-lg-5 col-md-6">
<div class="section-title">
<span class="text-uppercase">We provide a variety of engaging activities</span>
</div>
</div>
</div>
<!-- Activities Grid -->
<div class="row">
<!-- Annual Function -->
<div class="col-lg-3 col-md-6 mb-4">
<div class="card h-100">
<div class="course-thumb">
<img src="assets/images/teacher/annual.webp" alt="Annual Function celebration at LCIT Public School" class="card-img-top">
</div>
<div class="card-body teacher-content p-25">
<h4 class="card-title mb-3"style="text-align:center;"><a href="Annual-Function.php">Annual Function</a></h4>
<p class="card-text" style="text-align:justify;">The Annual Function at LCIT Public School is a grand celebration of talent, creativity, and community spirit.</p>
</div>
</div>
</div>
<!-- Sports -->
<div class="col-lg-3 col-md-6 mb-4">
<div class="card h-100">
<div class="course-thumb">
<img src="assets/images/teacher/sports.jpg" alt="Students playing sports at LCIT Public School" class="card-img-top">
</div>
<div class="card-body teacher-content p-25">
<h4 class="card-title mb-3"style="text-align:center;"><a href="Sports-Actvity.php">Sports</a></h4>
<p class="card-text" style="text-align:justify;">The school offers a variety of sports, including cricket, football, etc., with dedicated facilities and expert coaching.</p>
</div>
</div>
</div>
<!-- Music -->
<div class="col-lg-3 col-md-6 mb-4">
<div class="card h-100">
<div class="course-thumb">
<img src="assets/images/teacher/music.jpg" alt="Music class at LCIT Public School" class="card-img-top">
</div>
<div class="card-body teacher-content p-25">
<h4 class="card-title mb-3"style="text-align:center;"><a href="music.php">Music</a></h4>
<p class="card-text" style="text-align:justify;">At LCIT Public School, music is a vibrant part of the curriculum, nurturing creativity and self-expression.</p>
</div>
</div>
</div>
<!-- Tree Plantation -->
<div class="col-lg-3 col-md-6 mb-4">
<div class="card h-100">
<div class="course-thumb">
<img src="assets/images/teacher/tree.jpg" alt="Tree plantation drive at LCIT Public School" class="card-img-top">
</div>
<div class="card-body teacher-content p-25">
<h4 class="card-title mb-3" style="text-align:center;"><a href="Tree-Plantation.php">Tree Plantation</a></h4>
<p class="card-text" style="text-align:justify;">At LCIT Public School, tree plantation drives are a cherished tradition, reflecting our commitment to environmental sustainability.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Activities Section End -->
<!-- Achievements Section Start -->
<section class="feature-blog pt--120 pb--70">
<div class="container">
<div class="section-title">
<h2>Achievements</h2>
</div>
<!-- Achievements Scrollable Row -->
<div class="row">
<!-- Rajveer-Sharma -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="assets/images/achievements/olympiad english 2nd.webp" alt="olympiad english 2nd" class="card-img-top custom-img">
<div class="card-body p-25 text-center">
<h4 class="card-title mb-3"><a href="Achievements.php">Olympiad English 2nd Position</a></h4>
</div>
</div>
</div>
<!-- Rajveer-Sharma -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="assets/images/achievements/Rajveer-Sharma.webp" alt="Rajveer-Sharma" class="card-img-top custom-img">
<div class="card-body p-25 text-center">
<h4 class="card-title mb-3"><a href="Achievements.php">Rajveer Sharma</a></h4>
</div>
</div>
</div>
<!-- Naad Manjari -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="assets/images/achievements/naad manjari 1.webp" alt="naad manjari " class="card-img-top custom-img">
<div class="card-body p-25 text-center">
<h4 class="card-title mb-3"><a href="Achievements.php">Naad Manjari</a></h4>
</div>
</div>
</div><!-- Naad Manjari -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="assets/images/achievements/naad manjari 2.webp" alt="naad manjari " class="card-img-top custom-img">
<div class="card-body p-25 text-center">
<h4 class="card-title mb-3"><a href="Achievements.php">Naad Manjari</a></h4>
</div>
</div>
</div>
<!-- Naad Manjari -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="assets/images/Activity/Naad Manjari-3.jpg" alt="Naad Manjari" class="card-img-top custom-img">
<div class="card-body p-25 text-center">
<h4 class="card-title mb-3"><a href="Achievements.php">Naad Manjari</a></h4>
</div>
</div>
</div>
<!-- Deeptiman Samman -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="assets/images/achievements/Deeptiman Saman.jpg" alt="Deeptiman Samman" class="card-img-top custom-img">
<div class="card-body p-25 text-center">
<h4 class="card-title mb-3"><a href="Achievements.php">Deeptiman Samman</a></h4>
</div>
</div>
</div>
<!-- Under-14 Cricket Runner-Up -->
<!-- Prkhar Pandey Topper
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="assets/images/achievements/Prkhar Pandey 12th Topper.jpeg" alt="Prkhar Pandey 12th Topper" class="card-img-top custom-img">
<div class="card-body p-25 text-center">
<h4 class="card-title mb-3"><a href="Achievements.php">Prkhar Pandey - Class 12th Topper</a></h4>
</div>
</div>
</div>-->
<!-- Ram Yuvraj Pandey Topper
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="assets/images/achievements/CBSC-X-Topper.jpeg" alt="CBSC-X-Topper" class="card-img-top custom-img">
<div class="card-body p-25 text-center">
<h4 class="card-title mb-3"><a href="Achievements.php">Ram Yuvraj Pandey - District Topper Class 10th</a></h4>
</div>
</div>
</div>-->
<!-- Kaalswar Competition Winner -->
</div>
</div>
</section>
<!-- Achievements Section End -->
<!-- Facilities Section -->
<section id="facilities" >
<div class="course-area pt--120 pb--70" style="background-color:#e0dede;">
<div class="container">
<div class="section-title">
<h2>Facilities</h2>
</div>
<!-- Scrollable container -->
<div class="achievements-scroll d-flex flex-row flex-nowrap overflow-auto gap-3 p-2">
<?php
include 'db.php';
$sql = "SELECT * FROM facilities";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
echo '<div class="card shadow-sm flex-shrink-0" style="min-width:250px; max-width:300px;">';
echo ' <img src="' . htmlspecialchars($row['image']) . '" class="card-img-top imgr img-fluid" alt="' . htmlspecialchars($row['heading']) . '">';
echo ' <div class="card-body">';
echo ' <h5 class="card-title">';
echo ' <a href="' . htmlspecialchars($row['page_address']) . '" class="text-decoration-none">';
echo htmlspecialchars($row['heading']);
echo ' </a>';
echo ' </h5>';
echo ' <p class="card-text">' . htmlspecialchars($row['description']) . '</p>';
echo ' </div>';
echo '</div>';
}
} else {
echo '<p>No facilities available.</p>';
}
?>
</div>
</div>
</div>
</section>
<!-- Facilities Section End -->
<!-- Take Tour Area Start -->
<section class="take-toure-area pt--60 ptb--70">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="section-title sec-style-two text-center">
<img class="title-top-shape" src="assets/images/icon/title-top-shape.png" alt="decorative shape">
<span class="text-uppercase">Take A Tour</span>
<h2>Video tour on LCIT Public School</h2>
</div>
<!-- Video Area -->
<div class="video-area text-center">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item"
src="https://www.youtube.com/embed/E_5hgnbV-D0?si=bav7snvKrnUD2nhv"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen>
</iframe>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Take Tour Area End -->
<!-- footer area start -->
<?php include 'footer2.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);
})
});
//popup
$(document).ready(function(){
$('#myModal').modal('show');
});
</script>
</body>
</html>