| 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 : |
<?php
include 'db.php';
// Fetch facilities data
$sql = "SELECT * FROM facilities";
$result = $conn->query($sql);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>House System</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<?php include 'alllinks.php';?>
<style>
{
box-sizing: border-box;
}
.zoom {
padding: 50px;
transition: transform .2s;
margin: 0 auto;
}
.zoom:hover {
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari 3-8 */
transform: scale(1.2);
}
.imgr{
height: 232px;
object-fit: cover;
}
.planet-card {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
transition: transform 0.3s ease;
border: 2px solid #6c757d; /* Stylish border */
}
.planet-card:hover {
transform: scale(1.05);
border-color: #0d6efd; /* Change border color on hover */
}
.planet-img {
width: 100%;
height: 200px;
object-fit: cover;
}
.planet-title {
text-align: center;
font-weight: 600;
padding: 10px;
}
.gallery-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px;
}
.gallery-col {
width: 22%;
min-width: 200px;
</style>
</head>
<body>
<?php include 'navbar.php';?>
<section>
<div class="crumbs-area">
<div class="container">
<div class="crumb-content">
<h4 class="crumb-title">House System</h4>
</div>
</div>
</div>
<!-- Facilities area start -->
<div class="container"><br>
<br>
<div class="row">
<h3 class="text-uppercase" style="text-align:center; font-size:20px; color:#05136e;">House System</h3>
<br>
<br>
<p style="text-align:justify;" > To cultivate the hidden potential of each student, the school has established a dynamic House system comprising four distinct houses: Earth, Mars, Saturn, and Uranus. This structure encourages students to explore their strengths through friendly competition and collaborative activities. <br>Each house is supported by committed House Prefects and Wardens, who provide guidance, motivation, and opportunities tailored to the students' unique aptitudes and interests.
</p>
<div class="gallery-row">
<div class="gallery-col">
<div class="planet-card">
<img src="assets/images/Student-life/Earth.jpeg" alt="Earth" class="planet-img">
<div class="planet-title" style="background-color: #55e34f; color:#fff;">🌍 <b>Earth House:</b> Indicates the planet of life
that is Green Colour <br> <b>House Motto:</b>
Perseverance Conquers All Things.
</div>
</div>
</div>
<div class="gallery-col">
<div class="planet-card">
<img src="assets/images/Student-life/Mars.jpeg" alt="Mars" class="planet-img">
<div class="planet-title" style="background-color: #FFA500; color:#fff;">🔴 <b>Mars House:</b> Indicates the planet of action that is Orange Colour<br>
<b>House Motto:</b> Hope Brings Joy.
</div>
</div>
</div>
<div class="gallery-col">
<div class="planet-card">
<img src="assets/images/Student-life/Saturn.jpeg" alt="Saturn" class="planet-img">
<div class="planet-title" style="background-color: #FFFF2E; color:#ccffoo;">🪐<b> Saturn House: </b>Indicates the planet of life discipline that is Yellow Colour<br>
<b>House Motto: </b>Purity is True Beauty.
</div>
</div>
</div>
<div class="gallery-col">
<div class="planet-card">
<img src="assets/images/Student-life/Uranus.jpeg" alt="Uranus" class="planet-img">
<div class="planet-title" style="background-color: #6495ED; color:#fff;">🔵<b> Uranus House: </b>Indicates the planet of Invention that is Blue Colour<br>
<b>House Motto:</b>
Love is The Synonym
of Sacrifice.
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Facilities area end -->
</section>
<!-- footer area start -->
<?php include 'footer.php';?>
<!-- footer area end -->
<!-- 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>
</body>
</html>