bnmbertsurheoppopopooooooooooooooopoopopdf'tdfg

hjkhghoppoopppooppoppoppoopoirh bnmbertsurheoppopopooooooooooooooopoopopdf'tdfg

PK����rBlZ������������	�	�index.phpUT��C�g
<head>
<title>EKLAVYA MODEL RESIDENTIAL SCHOOL - Mehrawana, Chakrata</title>

</head>
<?php include('include/header.php'); 
// if(isset($_POST['submit'])){

// 	$review=$_POST['review'];
// 	$name=$_POST['name'];
// 	$batch=$_POST['batch'];
// 	$current_status=$_POST['current_status'];
// 	$img=$_FILES['image']['name'];
// 	$image = uniqid().$_FILES['image']['name'];
// 	$path = 'uploads/'.$image;
// 	$sql = $conn->query("INSERT INTO testimonials(image,review,name,batch,current_status) VALUES ('$path','$review','$name','$batch','$current_status')");

// 	if($sql){
// 		move_uploaded_file($_FILES['image']['tmp_name'], $path);
// 		echo '<script>alert("Added successfully"); location.href="index"</script>';

// 	}else{
// 		echo '<script>alert("Oops Something Went Wrong!");</script>';
// 	}

// }
?>
<link rel="stylesheet" type="text/css" href="assets/css/index.css">

<style>

@media only screen and (min-width: 768px) {
		#myCarousel img{
			width: 100%;
			height: 500px;
			object-fit: cover;
		}
	}
	/*about section*/
	.home-content {
		padding: 50px;
		background-color: #f0f2f4;
		text-align: center;
	}
	.home-content h1{
		margin-bottom: 0.26531em;
		color: #0a63b1;
		font-family: "adelle", serif;
		font-size: 3.72222em;
		font-weight: 300;
		line-height: 1.16327em;
	}

.home-content h3{
		color: #231f20!important;
		margin-bottom: 0.45455em;
		font-size: 24px;
		font-weight: 300!important;
		line-height: 1.36364em;
	}
	.home-content p:last-child {
		margin-bottom: 0;
	}
	.home-content p {
		margin-top: 10px;
		font-size: 18px!important;
		line-height: 1.44444em!important;
		color: #484848;
		text-align: center!important;
	}

.home-content .btn {
		margin-top: 58px;
		padding: 12px 45px;
		font-size: 20px;
	}
	@media only screen and (min-width: 768px) {
		.about_section{
			padding: 0 150px;
		}

#gallery1{
			margin-top: 112px;
		}
		.home-life{
			margin-top: 150px;
		}
	}

@media only screen and (max-width: 600px) {
		.carousels figure{
			width: 100%!important;
		}
		section {
			padding: 15px !important; 
		}
		.home-content,.home-content p{
			text-align: justify!important;
		}
	}
	.home-life-nav .nav-tab li .active a{
		background-color: #afb1b3;
		color: white;
	}
/*next section*/

body .testimonial {
	padding: 50px 0;
}
body .testimonial .row .tabs {
	all: unset;
	margin-right: 50px;
	display: flex;
	flex-direction: column;
}
body .testimonial .row .tabs li {
	all: unset;
	display: block;
	position: relative;
}
body .testimonial .row .tabs li.active::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 50px;
	background-color: #71b85f;
	border-radius: 50%;
}
body .testimonial .row .tabs li.active::after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	background-color: #71b85f;
	border-radius: 50%;
}
body .testimonial .row .tabs li:nth-child(1) {
	align-self: flex-end;
}
body .testimonial .row .tabs li:nth-child(1)::before {
	left: 64%;
	bottom: -50px;
}
body .testimonial .row .tabs li:nth-child(1)::after {
	left: 97%;
	bottom: -81px;
}
body .testimonial .row .tabs li:nth-child(1) figure img {
	margin-left: auto;
	margin-left: auto;
	width: 125px;
	border-radius: 50%;
}
body .testimonial .row .tabs li:nth-child(2) {
	align-self: flex-start;
}
body .testimonial .row .tabs li:nth-child(2)::before {
	right: -65px;
	top: 50%;
}
body .testimonial .row .tabs li:nth-child(2)::after {
	bottom: 101px;
	border-radius: 50%;
	right: -120px;
}
body .testimonial .row .tabs li:nth-child(2) figure img {
	margin-right: auto;
	max-width: 310px;
	width: 290px;
	border-radius: 50%;
	margin-top: -50px;
	height: 290px;
}
body .testimonial .row .tabs li:nth-child(3) {
	align-self: flex-end;
}
body .testimonial .row .tabs li:nth-child(3)::before {
	right: -10px;
	top: -66%;
}
body .testimonial .row .tabs li:nth-child(3)::after {
	top: -130px;
	border-radius: 50%;
	right: -46px;
}
body .testimonial .row .tabs li:nth-child(3) figure img {
	margin-left: auto;
	margin-top: -50px;
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
body .testimonial .row .tabs li:nth-child(3):focus {
	border: 10px solid var(--main-color);
}
body .testimonial .row .tabs li figure {
	position: relative;
}
body .testimonial .row .tabs li figure img {
	display: block;
}
body .testimonial .row .tabs li figure::after {
	content: "";
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: 4px solid #dff9d9;
	border-radius: 50%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
body .testimonial .row .tabs li figure:hover::after {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
body .testimonial .row .tabs.carousel-indicators li.active figure::after {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
body .testimonial #carousel > h3 {
	font-size: 20px;
	line-height: 1.45;
	color: rgba(0, 0, 0, 0.5);
	font-weight: 600;
	margin-bottom: 0;
}
body .testimonial #carousel h1 {
	font-size: 40px;
	line-height: 1.225;
	margin-top: 23px;
	font-weight: 700;
	margin-bottom: 0;
}

body .testimonial .owl-slider {
	margin-top: 42px;
}
body .testimonial .owl-slider p {
	font-size: 18px;
	line-height: 1.72222;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.7);
}
body .testimonial .owl-slider h3 {
	color: #000;
	font-weight: 700;
	margin-top: 37px;
	font-size: 20px;
	line-height: 1.45;
	text-transform: uppercase;
}

.ftco-section {
	/*padding: 3em 0;*/
	position: relative;
}

.bannerimg img{
	width: 100%;
	height: 435px;
}

@media only screen and (max-width: 600px) {
	.bannerimg img{
		height: auto;
	}
}

.about-sec > h1, .announcements-sec h1 {
	color: #292929;
	padding: 30px 0 10px;
	font-size: 25px;
	font-weight: 600;
}
.about-sec > h1 > span {
	color: #37a348;
}
.about-sec > h1:after, .announcements-sec h1:after {
	content: "";
	display: block;
	border-bottom: 3px solid #37a348;
	width: 45px;
}
.about-sec > a {
	border: 1px solid #ddd;
	padding: 8px 15px;
	float: left;
	background: #fff;
	margin-top: 20px;
}

@media screen and (max-width: 1680px){
	.marq {
		padding: 0em 1em 5em 1em !important;
		height: 380px!important;
		overflow: hidden;
		min-height: 312px!important; 
	}
}

.carousels {
	padding: 20px;
	perspective: 500px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.carousels > * {
	flex: 0 0 auto;
}
.carousels figure {
	margin: 0;
	width: 40%;
	transform-style: preserve-3d;
	transition: transform 0.5s;
}
.carousels figure img {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0px;
	background-color: var(--main-color);
}
.carousels figure img:not(:first-of-type) {
	position: absolute;
	left: 0;
	top: 0;
}
.carousels nav {
	display: flex;
	justify-content: center;
	margin: 20px 0 0;
}
.carousels nav button {
	flex: 0 0 auto;
	margin: 0 5px;
	cursor: pointer;
	color: #333;
	background: none;
	border: 1px solid;
	letter-spacing: 1px;
	padding: 5px 10px;
}

.about-school-main {
	padding: 40px 0;
	position: relative;
	overflow: hidden;
}
.about-school h1 {
	text-transform: capitalize;
	font-size: 145%;
}
.about-us-sec h1 span, .about-school h1 span {
	color: var(--main-color) ;
	font-weight: normal;
}
.about-school p {
	margin: 10px 0 20px;
}
.read-mr-sc a {
	background: var(--second-color);
	color: #fff;
	padding: 6px 15px;
	font-size: 88%;
	margin-top: 10px;
	float: left;
	transition-duration: 0.5s;
	border-radius: 5px;
}
.center-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 40%;
}
.common-cards:nth-child(1) {
	background: #0B0B60;
}
.cadrs-col .common-cards {
	float: right;
	width: 85%;
	padding: 5px;
	min-height: 95px;
	margin: 5px 0;
}
.cadrs-col .common-cards .icon-box {
	width: 120px;
	float: left;
	text-align: center;
	padding: 12px;
	height: 85px;
	line-height: 58px;
}
.common-cards:nth-child(1) .icon-box {
	background: #030338;
}
.cadrs-col .common-cards .content-box {
	float: left;
	width: 62%;
	text-align: center;
}
.cadrs-col .common-cards .content-box h4 {
	color: #fff!important;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 12px;
	font-size: 117%;
}
.cadrs-col .common-cards .content-box a {
	color: #fff;
	border: 1px solid #fff;
	padding: 3px 18px;
	box-sizing: border-box;
	border-radius: 7px;
}
.common-cards:nth-child(2) {
	background: var(--second-color);
}
.common-cards:nth-child(2) .icon-box {
	background: #cb0808;
}
.common-cards:nth-child(3) {
	background: #066eab;
}
.common-cards:nth-child(3) .icon-box {
	background: #00508d;
}
.common-cards:nth-child(4) {
	background: #1c9248;
}
.common-cards:nth-child(4) .icon-box {
	background: #0d7132;
}

.cadrs-col .common-cards:nth-child(1) .content-box a:hover {
	background: #030338;
	border-color: #030338;
}
.cadrs-col .common-cards:nth-child(2) .content-box a:hover {
	background: #cb0808;
	border-color: #cb0808;
}
.cadrs-col .common-cards:nth-child(3) .content-box a:hover {
	background: #00508d;
	border-color: #00508d;
}
.cadrs-col .common-cards:nth-child(4) .content-box a:hover {
	background: #0d7132;
	border-color: #0d7132;
}

#block-block-6 .outer {
/*  display: flex;*/
align-items: center;
justify-content: center;
}
#block-block-6 .card {
	background: #0B0B60;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 20px;
	margin-top: 20px;
	opacity: 1;
/*  pointer-events: none;*/
/*  position: absolute;*/
/*  justify-content: space-between;*/
border-radius: 100px;
}
.outer:hover .card {
	animation-play-state: paused;
}

#block-block-6 .card .contents {
/*  display: flex;*/
width: 65%;
align-items: center;
text-align: center;
}
#block-block-6 .card .img {
	height: 90px;
	width: 90px;
	position: absolute;
	left: 8px;
	margin-top: -15px;
	background: #fff;
	border-radius: 50%;
	padding: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#block-block-6 .card .img img {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	object-fit: cover;
}
#block-block-6 .card .details {
	margin-left: 80px;
}
#block-block-6 .details h3 {
  /*font-weight: 600;
  font-size: 18px;*/
  color: #fff!important;
}
#block-block-6 .card a {
	text-decoration: none;
	padding: 7px 18px;
	border-radius: 25px;
	color: #fff;
	background: var(--second-color);
	transition: all 0.3s ease;
}
#block-block-6 .card a:hover {
	transform: scale(0.94);
}

.gallery-image{
	width: 100%;
	height: 190px;
}
.region-content p{
	text-align: justify!important;
}
.marquee_line{
	position: absolute;
	background: var(--second-color);
	z-index: 1;
	margin-top: 20px;
	padding: 5px 0;
	color: #fff!important;
	font-size: 20px;
	font-weight: 600;
	width: 100%;
}
.marquee_line span{
	display: inline-block;
}
.marquee_line span a{
	background: #000;
	padding: 5px 10px;
	color: #fff;
	border-radius: 4px;
}

</style>
<!-- <div class="marquee_line"><marquee onmouseover="this.stop();" onmouseout="this.start();"> <span>Eklavya Kalsi/Mehrwana-Walk in Interview for Guest-Teacher/Part-Time | Reservation as per norms(SC, ST & OBC)</span>
	<span><a href="images/eklavya.jpeg" download>Click Here</a></span>
	<?php 
	$q = "select * from marquee";
	$query = mysqli_query($conn,$q);

while($res = mysqli_fetch_array($query)) { ?>
		<ul>

<p 
			href="admin/<?php echo $res['file'] ?>" download id='MzQxNTI=-556'
			lang="en" href='#' class="link pad-left"style="color:#fff;" ><?php echo $res['marquee'] ?> <span><a href="admin/<?=$res['file']?>" download>Click Here</a></span></p>

</ul>
	<?php } ?>

</marquee> </div> -->
<?php 
$sql = "select * from slider";

$query = mysqli_query($conn,$sql);

while($rows = $query->fetch_assoc()) {

$slider_data[]=$rows;
}

?>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
	
	<ol class="carousel-indicators">
		<?php

$i=0;

foreach($slider_data as $row){

$actives = '';

if ($i==0) {

$actives='active';

}

?>
			<li data-target="#myCarousel" data-slide-to="<?php echo $i;?>" class="<?php echo $actives;?>"></li>
			<?php $i++; } ?>
		</ol>

<div class="carousel-inner">
			<?php

$i=0;

foreach($slider_data as $rows){

$actives = '';

if ($i==0) {

$actives='active';

}

?>
				<div class="item <?php echo $actives;?>">
					<img src="admin/<?php echo $rows['image'];?>">
				</div>
				<?php $i++; } ?>

</div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

<div class="container-fluid py-4">
			<div class="row mx-0">
				<!-- <div class="col-xs-12 col-md-9 col-lg-9 no-paddingr">
					<div class="bannerimg">
						<?php
						$q = "SELECT * FROM banner";
						$result  = mysqli_query($conn,$q);
						$banner = mysqli_fetch_assoc($result);
						?>

<img src="admin/<?php echo $banner['image'] ?>" class="img-fluid">
					</div>
				</div> -->
				<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 mb-10">
					<div class="school-sec wow fadeInUp   animated" data-wow-duration="2s" data-wow-delay="0.2s"> 
						<img style="width:100%;" class="img-shadow" src="assets/images/about.jpg" width="362" height="382" alt="">  </div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mb-10">
						<div class="about-sec wow fadeInUp   animated" data-wow-duration="2s" data-wow-delay="0.2s">
							<div class="ap-section text-centers draw">
								<div class="headline">
									<h2 class="headlinehome " style="width: 200px;font-size: 35px!important;">About Us</h2>
								</div>

</div>
							<div class="region-content text-justify"><?php 
							$q = "SELECT * FROM about limit 1";
							$result  = mysqli_query($conn,$q);
							$row = mysqli_fetch_assoc($result);
							?>
							<?php echo $row['about'] ?></div>
							<a href="about-emrs-mehrawana" title="Read More">Read More</a></div>
						</div>
						<div class="col-xs-12 col-md-4 col-lg-4 col-sm-12 mb-10">
							<div class="marq">
								<div class="ap-section text-centers draw">
									<div class="headline">
										<h2 class="headlinehome " style="color:#fff!important;width: 200px;">Latest News</h2>
									</div>

</div>
								<marquee scrollamount="4" behavior="scroll" direction="up" onmouseover="this.stop();"
								onmouseout="this.start();" style="height: 312px;">

<?php 
								$q = "select * from latest_news";
								$query = mysqli_query($conn,$q);

while($res = mysqli_fetch_array($query)) { ?>
									<ul>

<p class="pad-top double"><i class="fa fa-check-square-o"
											style="font-size:18px; color:orange;"></i><a
											href="admin/<?php echo $res['file'] ?>" download id='MzQxNTI=-556'
											lang="en" href='#' class="link pad-left"><?php echo $res['description'] ?><i
											class="fa fa-file-pdf-o var(--main-color)_pdf pad-left"></i></a></p>

</marquee>
							</div>
							<style>
								.marq p {
									margin: 0;
									font-family: 'Open Sans';
									font-size: 13px !important;
									color: #fff !important;
									line-height: 1.9em;
									letter-spacing: 0px !important;
									text-align: justify;
									text-transform: uppercase !important;
								}
							</style>

function hideDiv() {
								document.getElementById('archiveDiv').style.display = "none";
								document.getElementById('hd').style.display = "none";
								document.getElementById('sh').style.display = "block";
							}

function makeid() {
								var text = "";
								var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

for (var i = 0; i < 5; i++)
									text += possible.charAt(Math.floor(Math.random() * possible.length));

return text;
							}

function filedownload(id, lang) {
							//alert(lang);
								let jj = id.split("-")
							//let lang=$("#"+id).attr("ln");
							//alert(jj[0]);
							//alert(jj[1]);
							//alert(lang)
							//var ln="en";
								$.ajax({
									type: 'post',
									url: '/nvs/system/modules/NVS.School/elements/download_file_notifications.jsp',
									data: { lang: lang, num_srno: jj[0], schoolid: jj[1] },
									success: function (data) {
									//console.log(data);

/*	var bytes = new Uint8Array(data); // pass your byte response to this constructor
						
						var blob=new Blob([bytes], {type: "application/pdf"});// change resultByte to bytes
						
						var link=document.createElement('a');
						link.href=window.URL.createObjectURL(blob);
						link.download="myFileName.pdf";
						link.click();*/
										var sampleArr = base64ToArrayBuffer(data);
										saveByteArray(makeid(), sampleArr);

}

});
							}

function base64ToArrayBuffer(base64) {
								var binaryString = window.atob(base64);
								var binaryLen = binaryString.length;
								var bytes = new Uint8Array(binaryLen);
								for (var i = 0; i < binaryLen; i++) {
									var ascii = binaryString.charCodeAt(i);
									bytes[i] = ascii;
								}
								return bytes;
							}

function getMobileOperatingSystem() {
								var userAgent = navigator.userAgent || navigator.vendor || window.opera;

// Windows Phone must come first because its UA also contains "Android"
								if (/windows phone/i.test(userAgent)) {
									return "Windows Phone";
								}

if (/android/i.test(userAgent)) {
									return "Android";
								}

// iOS detection from: http://stackoverflow.com/a/9039885/177710
								if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
									return "iOS";
								}

return "unknown";
							}

function saveByteArray(reportName, byte) {
							//
								var os = getMobileOperatingSystem();

if (os == "iOS") {
									var reader = new FileReader();
									var out = new Blob([byte], { type: "application/pdf" });
									reader.onload = function (e) {
										window.location.href = reader.result;
									}
									reader.readAsDataURL(out);
								}

else {
									var blob = new Blob([byte], { type: "application/pdf" });
									var url = window.URL.createObjectURL(blob);
								//window.open(url);
									var a = document.createElement("a");

document.body.appendChild(a);
									a.href = url;
									a.download = reportName;
									a.click();

setTimeout(function () { window.URL.revokeObjectURL(url); }, 1000);
								}

};

</script>

</div>
				</div>
			</div>

<section class="Vision-mission py-5">
				<div class="container-fluid">
					<div class="row">
						<div class="col-lg-4">
							<div class="mission-single-item  position-relative z-1  transition-y">
								<img src="assets/images/mission.png" class="icon-img" alt="Mission">
								<h3>Our Mission</h3>
								<p>At Escada, our mission is simple profound: to provide a safe, inclusive, and dynamic learning environment where every child can thrive. We believe in fostering a love for learning, encouraging curiosity, and instilling values that extend far beyond the classroom.</p>
								<img src="assets/images/shapes/shape-4.png" class="shape shape-4" alt="shape">
							</div>
						</div>
						<div class="col-lg-4">
							<div class="mission-single-item bg-eeffc7 position-relative z-1  transition-y">
								<img src="assets/images/vision.png" class="icon-img" alt="Vision">
								<h3>Our Vision</h3>
								<p>The aim of the school is to provide modern quality education to the talented students of the five tribes of Uttarakhand and to help them in their overall development not only in being just good scholars but good human beings with moral values who will spread their goodness like a flower that spreads its fragrance all around.</p>
								<img src="assets/images/shapes/shape-4.png" class="shape shape-4" alt="shape">
							</div>
						</div>
						<div class="col-lg-4">
							<div class="mission-single-item bg-ffeac8 position-relative z-1  transition-y">
								<img src="assets/images/approach.png" class="icon-img" alt="shape">
								<h3>Our Approach</h3>
								<p>We understand that every child is unique, and learning should reflect this individuality. That's why we offer a holistic approach to education that goes beyond textbooks and tests. Our curriculum is designed to spark curiosity, encourage critical thinking</p>
								<img src="assets/images/shapes/shape-4.png" class="shape shape-4" alt="shape">
							</div>
						</div>
					</div>
				</div>
			</section>

<?php
			$q = "SELECT * FROM principal_message WHERE page_title='Principal Message' limit 1";
			$result  = mysqli_query($conn,$q);
			$principal = mysqli_fetch_assoc($result);
			$principal_description = implode(' ', array_slice(explode(' ', $principal['description']), 0, 20))."\n";
			?>

<section class="problem-solved">
				<div class="container">
					<div class="row">
						<div class="col-lg-6">
							<div class="problem-solved__left wow slideInLeft animated" data-wow-delay="100ms" data-wow-duration="2500ms">
								<div class="problem-solved__img-box">
									<div class="problem-solved__img">
										<img src="admin/<?php echo $principal['image'] ?>" alt="">
									</div>
								</div>
								<div class="problem-solved__content">
									<div class="problem-solved__title"><?php echo $principal['name'] ?></div>
									<p class="problem-solved__text">Principal/Head of Institution & Eklavya School</p>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="problem-solved__right wow slideInRight animated" data-wow-delay="100ms" data-wow-duration="2500ms">
								<div class="problem-solved__right-content">
									<div class="problem-solved__right-title">Principal's Message</div>
									<p class="problem-solved__right-text"><?php echo $principal_description;?></p>
								</div>
								<div class="problem-solved__btn-box">
									<a href="principal-message" class="btn-theme">Read More</a>
								</div>
								<div class="problem-solved__shape-1 float-bob-x"></div>
								<div class="problem-solved__shape-2 float-bob-y"></div>
							</div>
						</div>
					</div>
				</div>
			</section>

<!-- <div class="container-fluid">
				<div class="banner-bottom-agileits commw" id="about">
					<div class="about_us " id="abtus">
						<div class="col-xs-12 col-md-4 12 col-lg-4 12 col-sm-12 cont_mes">
							<div class="ap-section text-centers draw">
								<div class="headline">
									<h2>
										<h2 class="headlinehome ">Message</h2>
									</h2>
								</div>

</div>
							<?php
							$q = "SELECT * FROM principal_message WHERE page_title='Principal Message' limit 1";
							$result  = mysqli_query($conn,$q);
							$principal = mysqli_fetch_assoc($result);
							?>
							<div class="row ap-section mes_school d-lg-flex">
								<div class="col-sm-4">
									<div class="ap-image-section">

<div class="animated-box ">
												<div class="image-outer-box">
													<img src="admin/<?php echo $principal['image'] ?>"
													width="4759" height="5334" class="img-responsive image-inner-box "
													alt="" title="">
												</div>

</div>
										</div>

</div>

<div class="col-sm-8">
									<div class="headline">
										<h2><?php echo $principal['name'] ?></h2>
									</div>
									<div class="ap-plain">
										<div>
											<div class="connermes" style="background: #eee;">
												<p class="left-txt">Principal/Head of Institution &amp;</p>
												<p class="left-txt"> Eklavya School</p>
												<p class="left-txt"><a class="orange"
													href="principal-message"
													target="_blank" rel="noopener noreferrer">Read More</a></p>
												</div>
											</div>
										</div>

</div>
								</div>
							</div>
							<div class="col-xs-12 col-md-8 12 col-lg-8 12 col-sm-12 cont_mes">
								<div class="ap-section draw">
									<div class="headline">
										<h2>
											<h2 class="headlinehome">Vision</h2>
										</h2>
									</div>

</div>
								<div class="row ap-section about-sc d-lg-flex">
									<div class="col-sm-8">
										<div class="ap-plain">
											<div>
												<div class="vi">
													<p><em class="fa fa-quote-left" aria-hidden="true">&nbsp;</em>The aim of the school is to provide modern quality education to the talented students of the five tribes of Uttarakhand and to help them in their overall development not only in being just good scholars but good human beings with moral values who will spread their goodness like a flower that spreads its fragrance all around. <em>&nbsp;</em><em class="fa fa-quote-right"
														aria-hidden="true">&nbsp;</em></p>
													</div>
												</div>
											</div>

</div>
										<div class="col-sm-4">
											<div class="ap-image-section">

</div>
												</div>

</div>

</div>
									</div>
								</div>
							</div>
						</div>
					</div> -->

<section class="about-school-main">
						<div class="container-fluid">
							<div class="wow fadeInLeft animated" data-wow-duration="2s" data-wow-delay="0.2s">															
								<div class="headline">
									<h2 class="headlinehome w-100">School Activities</h2>
								</div>
								<div class="ap-section text-centers draw"></div>
								<p>Striving to provide a well balanced spiritual, academic and social well-being, students are encouraged to both serve and participate in and beyond our community. With plenty of room for opportunity, students can engage in over forty </p>
								<p>Few decisions have the lasting impact on your child as that of your school choice. During these formative years, life-long friendships will be made, spiritual formation will take place, and values will be instilled. The First Academy is here to partner with you in making those days the very best that they can be.</p>
								<br>
								<br>
								<a href="about-emrs-mehrawana" class="btn-theme">Read More</a>
							</div>

<div class="mt-5 wow fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s">
								<div class="row">
									<div class="col-lg-3">
										<div class="cms-fancy-box layout1">
											<div class="inner-content">
												<div class="item--icon icon-image">
													<div class="inner-icon"> 
														<img src="images/painting.png">
													</div>
												</div>
												<div class="item--title"> Art & Craft</div>
												<a href="art-and-craft" class="btn-theme rounded-50 btn-hover">View More</a>
											</div>
										</div>
									</div>
									<div class="col-lg-3">
										<div class="cms-fancy-box layout1">
											<div class="inner-content">
												<div class="item--icon icon-image">
													<div class="inner-icon"> 
														<img src="images/sports.png">
													</div>
												</div>
												<div class="item--title"> Games and Sports</div>
												<a href="games-and-sports" class="btn-theme rounded-50 btn-hover">View More</a>
											</div>
										</div>
									</div>
									<div class="col-lg-3">
										<div class="cms-fancy-box layout1">
											<div class="inner-content">
												<div class="item--icon icon-image">
													<div class="inner-icon"> 
														<img src="images/students.png">
													</div>
												</div>
												<div class="item--title"> Tribe wise Students</div>
												<a href="tribe-wise-student" class="btn-theme rounded-50 btn-hover">View More</a>
											</div>
										</div>
									</div>
									<div class="col-lg-3">
										<div class="cms-fancy-box layout1">
											<div class="inner-content">
												<div class="item--icon icon-image">
													<div class="inner-icon"> 
														<img src="images/students.png">
													</div>
												</div>
												<div class="item--title"> Student Strength</div>
												<a href="student-strength" class="btn-theme rounded-50 btn-hover">View More</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</section>

<section class="gallery-section py-5 bg-light">
						<div class="container-fluid">
							<div class="headline" id="headlines">
								<h2>Our Gallery </h2>
							</div>
							<div class="owl-slider">
								<div id="gallery_slider" class="owl-carousel">
									<?php
									$q = "SELECT * FROM gallery ORDER BY RAND()";
									$query = mysqli_query($conn,$q);
									$i=1;
									while($res = mysqli_fetch_array($query)) { ?>
										<div class="gallery-item">
											<div class="entry-featured">
												<img class="gallery-image" src="admin/<?php echo $res['image'] ?>" alt="<?php echo $res['title'] ?>">
												<div class="meta-link">
													<a class="btn-link" href="admin/<?php echo $res['image'] ?>" data-fancybox="group"> <i class="fa fa-link"></i> </a>
													<a class="light-box" href="admin/<?php echo $res['image'] ?>" data-fancybox="group"><i class="fa fa-plus"></i></a>
												</div>
											</div>
										</div>
									<?php } ?>
								</div>
							</div>
						</div>
					</section>

<?php 
									$q = "SELECT * FROM popup limit 1";
									$result  = mysqli_query($conn,$q);
									if(mysqli_num_rows($result)>0){
										$popup = mysqli_fetch_assoc($result);
										?>
										<div id="tpopup">

<a href="javascript:void[0]"> <img
												src="admin/<?php echo $popup['image'] ?>"
												width="100%" alt="" title=""></a>

</div>
										<?php } ?>
										<style>
											@media only screen and (min-width: 768px) {
												#tpopup img{
													height: 550px;
												}
											}
											#thover {
												position: fixed;
												width: 100%;
												height: 100%;
												opacity: .6
											}

#tpopup {
												position: fixed;
												width: 88%;
												/*height: 400px;*/
												background: #fff;
												left: 5% !important;
												top: 10%;
												border-radius: 5px;
												/*padding: 12px 12px;*/
												margin-left: 0;
												margin-top: 10px;
												text-align: center;
												box-shadow: 0 0 10px 0 #000;
												margin-right: 64px;
												z-index: 999;
												right: 5%;
												overflow-y: hidden;
												overflow-x: hidden;
												scrollbar-width: thin;
											}

#tpopup p {
												font-weight: bold;
												font-size: 14px;
											}

#tclose {
												position: absolute;
												background: black;
												color: white;
												right: -1px;
												top: 1px;
												border-radius: 50%;
												width: 30px;
												height: 30px;
												line-height: 30px;
												text-align: center;
												font-size: 8px;
												font-weight: bold;
												font-family: 'Arial Black', Arial, sans-serif;
												cursor: pointer;
												box-shadow: 0 0 10px 0 #000;
											}

.responsive {
												width: 100%;
												height: auto;
											}
										</style>

$("#thover").click(function () {
													$(this).fadeOut();
													$("#tpopup").fadeOut();
												});

$("#tclose").click(function () {
													$("#thover").fadeOut();
													$("#tpopup").fadeOut();
												});

});

</script>
									</div>
								</div>

<div class="headline" id="headlines">
										<h2>Our Associations </h2>
									</div>

$('#itemslider').carousel({ interval: 3000 });

$('.carousel-showmanymoveone .item').each(function () {
												var itemToClone = $(this);

for (var i = 1; i < 6; i++) {
													itemToClone = itemToClone.next();

if (!itemToClone.length) {
														itemToClone = $(this).siblings(':first');
													}

itemToClone.children(':first-child').clone()
													.addClass("cloneditem-" + (i))
													.appendTo($(this));
												}
											});
										});

</script>

<style>

/*association*/
										#association .item{
											padding: 20px 20px;
											border: 1px solid #b1afaf;
											margin: 16px;
											background: #fff;
										}
										#association .owl-nav button {
											position: absolute;
											top: 50%;
											background-color: #000;
											color: #fff;
											margin: 0;
											transition: all 0.3s ease-in-out;
										}
										#association .owl-nav button.owl-prev {
											left: 0;
										}
										#association .owl-nav button.owl-next {
											right: 0;
										}

#association .owl-dots {
											text-align: center;
											padding-top: 15px;
										}
										#association .owl-dots button.owl-dot {
											width: 15px;
											height: 15px;
											border-radius: 50%;
											display: inline-block;
											background: #ccc;
											margin: 0 3px;
										}
										#association .owl-dots button.owl-dot.active {
											background-color: #000;
										}
										#association .owl-dots button.owl-dot:focus {
											outline: none;
										}
										#association .owl-nav button {
											position: absolute;
											top: 50%;
											transform: translateY(-50%);
											background: none repeat scroll 0 0 #222222;
											border: 4px solid #FFFFFF;
											border-radius: 50%;
											height: 40px;
											width: 40px;
										}
										#association span {
											font-size: 29px;    
											position: relative;
											top: -5px;
										}
										#association .owl-nav button:focus {
											outline: none;
										}
										#association .owl-height,#association .owl-carousel .owl-item{
											height: auto!important;
										}
										@media only screen and (max-width: 600px) {
											#association img{
												height: 290px!important;
											}
											.cadrs-col .common-cards{
												width: 100%;
											}
											.read-mr-sc a{
												margin-bottom: 20px;
											}
										}
									</style>

</div>
										</div>

</div>
									<script>
										$(document).ready(function () {

$('#itemslider').carousel({ interval: 3000 });

$('.carousel-showmanymoveone .item').each(function () {
												var itemToClone = $(this);

for (var i = 1; i < 6; i++) {
													itemToClone = itemToClone.next();

if (!itemToClone.length) {
														itemToClone = $(this).siblings(':first');
													}

itemToClone.children(':first-child').clone()
													.addClass("cloneditem-" + (i))
													.appendTo($(this));
												}
											});
										});

$(document).ready(function () {
											$('#media').carousel({
												pause: true,
												interval: false,
											});
  // < !--$(".menu-button1").hide(); -->

});
									</script>
								</div>

</div>
						</div>
					</section>
					<section style="background-color:#D9ECFF;" class="glorious-moment-section py-5">
						<div class="headline" id="headlines">
							<h2>Glorious Moments</h2>
						</div>

</div>
							<div class="next">
								<svg width="10" height="15" viewBox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path d="M0.737305 13.2375L6.4623 7.5L0.737305 1.7625L2.4998 0L9.9998 7.5L2.4998 15L0.737305 13.2375Z" fill="#A99260" />
								</svg>

</div>
						</div>

</section>

#testimonials .owl-dots {
							text-align: center;
							padding-top: 15px;
						}
						#testimonials .owl-dots button.owl-dot {
							width: 15px;
							height: 15px;
							border-radius: 50%;
							display: inline-block;
							background: #ccc;
							margin: 0 3px;
						}
						#testimonials .owl-dots button.owl-dot.active {
							background-color: #000;
						}
						#testimonials .owl-dots button.owl-dot:focus {
							outline: none;
						}
						#testimonials .owl-nav button {
							position: absolute;
							top: 50%;
							transform: translateY(-50%);
							background: rgba(255, 255, 255, 0.38) !important;
						}
						#testimonials span {
							font-size: 70px;    
							position: relative;
							top: -5px;
							color: #000;
						}
						#testimonials .owl-nav button:focus {
							outline: none;
						}

.review-card {
							padding: 30px 25px;
							margin: 20px 10px;
							text-align: center;
							-webkit-box-shadow: rgb(17 17 26 / 10%) 0 0 16px;
							box-shadow: rgb(17 17 26 / 10%) 0 0 16px;
							border-radius: 20px;
						}
						.review-card .reviewer-img img {
							height: 114px;
							width: 114px;
							border-radius: 50%;
							border: 8px solid rgba(48,79,71,.1);
							margin: 0 auto;
						}
						.review-card h3 {
							margin-top: 5px!important;
							font-weight: 700;
							font-size: 25px;
							line-height: 29px;
							text-transform: capitalize;
							color: #262339;
						}
						.review-card h5 {
							font-family: work sans,sans-serif;
							font-weight: 500;
							font-size: 17px!important;
							line-height: 23px;
							text-transform: capitalize;
							color: #7a7777!important;
							margin: 0;
						}
						.review-card p{
							margin-top: 10px;
							position: relative;
							font-size: 16px;
							line-height: 27px;
							color: #737679;
							font-family: work sans,sans-serif;
							margin-bottom: 0;
						}
						#testimonial_modal input{
							height: 45px!important;
						}
					</style>

<div id="testimonial_modal" class="modal fade" role="dialog">
						<div class="modal-dialog">

<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal">&times;</button>
									<h4 class="modal-title">Modal Header</h4>
								</div>
								<div class="modal-body">
									<form method="post">
										<div class="form-group">
											<label for="image">Image</label>
											<input type="file" class="form-control" name="image" accept="image/*">
										</div>
										<div class="form-group">
											<label for="name">Name</label>
											<input type="text" class="form-control" name="name" required>
										</div>

<div class="form-group">
											<label for="batch">Batch</label>
											<input type="text" class="form-control" name="batch" required>
										</div>

<div class="form-group">
											<label for="status">Current Status</label>
											<input type="text" class="form-control" name="current_status" required>
										</div>

<div class="form-group">
											<label for="review">Review</label>
											<textarea rows="5" class="form-control" name="review" required></textarea>
										</div>

<div class="form-group">
											<button type="submit" class="btn btn-ctl-bt waves-effect waves-light m-r-10" name="submit">Submit</button>
										</div>
									</form>
								</div>
							</div>

</div>
					</div>
				</div>
			</section>

<section class="ftco-section py-5">
				<div class="container-fluid">
					<div class="row">
						<div class="headline" id="headlines">
							<h2>Our Event</h2>
						</div>
						<?php 
						$q = "select * from events";
						$query = mysqli_query($conn,$q);
						while($res = mysqli_fetch_array($query)) { 
							$date=date_create($res['date']);
							$description = implode(' ', array_slice(explode(' ', $res['description']), 0, 20))."\n";
							?>
							<div class="col-md-3 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
								<div class="blog-entry align-self-stretch">
									<a href="javascript:void(0)" class="block-20" style="background-image:url('admin/<?php echo $res['image'] ?>')"></a>
									<div class="text p-4 d-block">
										<div class="meta mb-3">
											<div><a href="#"><?php echo date_format($date,"d-m-Y"); ?></a></div>
										</div>
										<h3 class="heading mb-4"><a href="#"><?php echo $res['title'] ?></a></h3>
										<p><?php echo strip_tags($description); ?>...</p>

</div>
								</div>
							</div>
						<?php } ?>

</div>
				</div>
			</section>

for (var i = 0; i < carouselss.length; i++) {
						carousels(carouselss[i]);
					}
				});

function carousels(root) {
					var
					figure = root.querySelector('figure'),
					nav = root.querySelector('nav'),
					images = figure.children,
					n = images.length,
					gap = root.dataset.gap || 0,
					bfc = 'bfc' in root.dataset,

theta =  2 * Math.PI / n,
					currImage = 0
					;

setupcarousels(n, parseFloat(getComputedStyle(images[0]).width));
					window.addEventListener('resize', () => { 
						setupcarousels(n, parseFloat(getComputedStyle(images[0]).width)) 
					});

setupNavigation();

function setupcarousels(n, s) {
						var 
						apothem = s / (2 * Math.tan(Math.PI / n))
						;

figure.style.transformOrigin = `50% 50% ${- apothem}px`;

for (var i = 0; i < n; i++)
							images[i].style.padding = `${gap}px`;
						for (i = 1; i < n; i++) {
							images[i].style.transformOrigin = `50% 50% ${- apothem}px`;
							images[i].style.transform = `rotateY(${i * theta}rad)`;
						}
						if (bfc)
							for (i = 0; i < n; i++)
								images[i].style.backfaceVisibility = 'hidden';

rotatecarousels(currImage);
						}

function setupNavigation() {
							nav.addEventListener('click', onClick, true);

function onClick(e) {
								e.stopPropagation();

var t = e.target;
								if (t.tagName.toUpperCase() != 'BUTTON')
									return;

if (t.classList.contains('next')) {
									currImage++;
								}
								else {
									currImage--;
								}

rotatecarousels(currImage);
							}

}

function rotatecarousels(imageIndex) {
							figure.style.transform = `rotateY(${imageIndex * -theta}rad)`;
						}

}

$(document).ready(function(){
						$(".testimonial .indicators li").click(function(){
							var i = $(this).index();
							var targetElement = $(".testimonial .tabs li");
							targetElement.eq(i).addClass('active');
							targetElement.not(targetElement[i]).removeClass('active');
						});
						$(".testimonial .tabs li").click(function(){
							var targetElement = $(".testimonial .tabs li");
							targetElement.addClass('active');
							targetElement.not($(this)).removeClass('active');
						});
					});
					$(document).ready(function(){
						$(".slider .swiper-pagination span").each(function(i){
							$(this).text(i+1).prepend("0");
						});
					});
				</script>

<?php include('include/footer.php'); ?>
				<script>
document.addEventListener("DOMContentLoaded", function () {
    var swiper = new Swiper(".mySwiper", {
        loop: true,
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },
        slidesPerView: 1,
        spaceBetween: 10,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        breakpoints: {
            640: { slidesPerView: 1, spaceBetween: 10 },
            768: { slidesPerView: 2, spaceBetween: 20 },
            1024: { slidesPerView: 3, spaceBetween: 30 },
        },
    });
});
</script>
PK�E��C���C���PK����rBlZ�E��C���C���	�	���������������index.phpUT��C�gPK������@���������