<?php

include "adminnm/config.php";

session_start();
$obj=new db();

 
 $sql="select * from annualr order by id desc";
 
 $res=$obj->query($sql);


$sql2="select * from news order by id desc";
 
 $res2=$obj->query($sql2);

$data2=mysqli_fetch_assoc($res2);


$sql3="select * from slider order by id desc";
 
 $res3=$obj->query($sql3);


$sql4="select * from gallery order by id desc";
 
 $res4=$obj->query($sql4);

?>

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="utf-8">
    <title>St. Froebel Senior Secondary School</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="realm premium theme">
    <meta name="author" content="">

    <!-- Le styles -->
    <script src="../cdn-cgi/apps/head/pfH2gVrLuxujNBruafWukkTnZPE.js"></script>
	<link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="assets/css/typography.css" rel="stylesheet">
   <!-- <link href="stylesheets/supersized.css" rel="stylesheet">
    <link href="stylesheets/supersized.shutter.css" rel="stylesheet">-->
<link href="stylesheets/jquery.tweet.css" rel="stylesheet"/>
<link href="stylesheets/flexslider.css" rel="stylesheet"/>

    <!--  Isotope  -->
    <link rel="stylesheet" href="stylesheets/prettyPhoto.css">
    <link rel="stylesheet" href="stylesheets/isotope.css">

    <!-- Custom style -->
    <link href="stylesheets/icomoon.css" rel="stylesheet">
<link href="stylesheets/responsive-nav.css" rel="stylesheet">
    <link href="stylesheets/style.css" rel="stylesheet">
	<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
	<link href="img/favicon.ico" rel="shortcut icon">
<style>
a.mob-logo { max-width:20%; }
.navbar { margin-bottom: 0px; }
.nav { text-align: left !important; width: 100% !important; background: #fff !important; }
ul.nav li { border-bottom: 1px solid #dcd7d7 !important; }
.videoo { padding-bottom:50px; }
.page-style-details p { text-align: justify; }
.contact-bgcolor-blue { background: #242752; }
.news-main-learn-moreadm { margin-top: 20px; background-color: #fff !important; }



.realm-heading { position: absolute; right: 0%; top: 0%; }
figure img { -webkit-transition: all 5.5s linear; transition: all 5.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
figure:hover figcaption { background: rgba(255, 255, 255, 0.3); }
figcaption:hover div { opacity: 1; top: 0; }
figcaption:hover div:after { width: 50%; }
/*figure:hover img { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); }*/
.nav2 {
    width: 100% !important;}

.nav2 a:hover {
    color: #000000 !important;
}





 ul.fill li a {
  display: block;
  padding: 3px;
  text-decoration: none;
  color: #242752;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 10px;
}


 ul.fill li a {
  position: relative;
}

 ul.fill li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #242752;
  height: 1px;
}
 ul.fill li a:hover:after {
  width: 100%;
}



ul.fill li a {
  transition: all 2s;
}

ul.fill li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
ul.fill li a:hover {
  color: #fff;
  z-index: 1;
}
ul.fill li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}




/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #242752;
  }
}










@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}

article.pdfdata {
padding-bottom: 15px;
}

</style>

<style>
.nav h1 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.nav2 {margin-top: 100px !important;}

figure {
	/*width: 300px;
	height: 200px;*/
	margin: 0;
	padding: 0;
	/*background: #fff;*/
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
    position: absolute;
    top: 30px;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 20%;
    height: 86%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgb(229, 229, 229) 0%, rgb(229, 229, 229) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-75deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
		  </style>
		  
	<style>
/*.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}*/
li.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown-menu {
   
    min-width: 210px !important;
	}
	
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{ 
	background:#242752; color:#fff;}

.caret{    border-top: 4px solid #000 !important;}
div.ppt {
    color: transparent;
}

.carer {
    padding-top: 50px;
	 padding-left: 20px;
}
   

  section.pl-20{padding-left:20px;}

.scrol {
    overflow-y: scroll;
    height: 367px;
}
</style>	  
		  
</head>
<body>
<audio id="background_audio" autoplay="autoplay">
 <source src="music.mp3">
</audio>

<audio src="scroll_m.mp3" id="soundTour"></audio>

<header class="hidden-desktop  ">
  <div class="navbar" >
    <div class="navbar-inner">
      <div class="container">
        <button class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" style="margin-top:20px;"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <a class="brand mob-logo" href="#"><img src="img/logo-mob.png"></a><!--<a href="http://edunextstudio.com/forms/st-froebel-senior-secondary-school/registration/index.php
" role="button" class="btn mm" target="_blank" style="background-color: red;">
              <h4>Registration 2020-2021</h4>
              </a>-->
        <div class="nav-collapse collapse">
          <ul class="nav">
            <li><a id="about-linker" class="scroll-link" href="#about" data-soffset="0">The School</a></li>
     
      <li><a id="services-linker" class="scroll-link" href="#services" data-soffset="0">SALIENT FEATURES</a></li>
	   <li> <a id="news-linker" class="scroll-link" href="#chairperson-message" data-soffset="0"> Chairperson's Message</a> </li>
	  <!-- <li> <a id="news-linker" class="scroll-link" href="#principal-desk" data-soffset="0"> Principal's Desk</a> </li>-->
	   <li> <a id="" class="scroll-link" href="#" data-soffset="0"> Infrastructure</a> </li>
	   <!-- <li> <a id="news-linker" class="scroll-link" href="#curriculum" data-soffset="0"> Curriculum</a> </li>-->
		
		
		<li class="dropdown">
          <a id="news-linker" href="#curriculum" class="dropdown-toggle scroll-link" data-toggle="dropdown" data-soffset="0">Curriculum <b class="caret"></b></a>
          <ul class="dropdown-menu">
		 
            <li><a href="#myModals"  data-toggle="modal" >Exam</a></li>
            <li><a href="#myModal"  data-toggle="modal"> Syllabus</a></li>
            
          </ul>
        </li>
		
		 <li> <a id="news-linker" class="scroll-link" href="http://edunextstudio.com/forms/st-froebel-senior-secondary-school/registration/index.php" data-soffset="0" target="_blank"><img src="img/syllabus/new.GIF">online admission form</a> </li>
		  <li> <a id="news-linker" class="scroll-link" href="#admission" data-soffset="0"><!--<img src="img/syllabus/new.GIF">--> Admission</a> </li>
		   <li><a id="portfolio-linker" class="scroll-link" href="#portfolio" data-soffset="0">Photo Gallery</a></li>
      <li><a id="news-linker" class="scroll-link" href="#videos" data-soffset="0">Videos</a></li>
     
      <!--<li> <a id="news-linker" class="scroll-link" href="#library" data-soffset="0"> Library</a> </li>-->
      <li> <a id="news-linker" class="scroll-link" href="#computer-lab" data-soffset="0"> Computer Labs</a> </li>
      <li> <a id="news-linker" class="scroll-link" href="#laboratories" data-soffset="0"> Laboratories</a> </li>
     <!-- <li> <a id="news-linker" class="scroll-link" href="#syllabus" data-soffset="0"> Syllabus</a> </li>-->
    
      <!--<li> <a id="news-linker" class="scroll-link" href="#froebelian" data-soffset="0"> Froebelian</a> </li>-->
      
     
      <li><a id="news-linker" class="scroll-link" href="#news" data-soffset="0"><img src="img/syllabus/new.GIF"> Latest Update</a></li>
	   <li><a id="contact-linker" class="scroll-link" href="#career" data-soffset="0">Career with Us</a></li>
      <li><a id="contact-linker" class="scroll-link" href="#contact" data-soffset="0">contact</a></li>
	  <div class="parent" style="padding-bottom:10px;">
	<a href="https://stfroebel.edunext5.com" role="button" class="btn mm" target="_blank">
              <h4>Parent Login </h4>
              </a>
	</div>
          </ul>
        </div>
      </div>
    </div>
  </div>
</header>

<div class="header-fixed-nav hidden-phone hidden-tablet">
  <div class="nav">
    <h1><a  href="#"><img src="images/logo.png"></a></h1>
    <ul class="fill">
      <li><a id="about-linker" class="scroll-link" href="#about" data-soffset="0">The School</a></li>
     
      <li><a id="services-linker" class="scroll-link" href="#services" data-soffset="0">SALIENT FEATURES</a></li>
	   <li> <a id="news-linker" class="scroll-link" href="#chairperson-message" data-soffset="0"> Chairperson's Message</a> </li>
	   <!--<li> <a id="news-linker" class="scroll-link" href="#principal-desk" data-soffset="0"> Principal's Desk</a> </li>-->
	   <li> <a id="" class="scroll-link" href="#" data-soffset="0"> Infrastructure</a> </li>
	   <li class="dropdown">
          <a id="news-linker" href="#curriculum" class="dropdown-toggle scroll-link" data-toggle="dropdown" data-soffset="0">Curriculum <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="#myModals"  data-toggle="modal" >Exam</a></li>
            <li><a href="#myModal"  data-toggle="modal"> Syllabus</a></li>
            
          </ul>
      </li>
       <li> <a id="news-linker" class="scroll-link" href="http://edunextstudio.com/forms/st-froebel-senior-secondary-school/registration/index.php" data-soffset="0" target="_blank"><img src="img/syllabus/new.GIF">online admission form</a> </li>
		  <li> <a id="news-linker" class="scroll-link" href="#admission" data-soffset="0"> <!--<img src="img/syllabus/new.GIF">--> Admission</a> </li>
		   <li><a id="portfolio-linker" class="scroll-link" href="#portfolio" data-soffset="0">Photo Gallery</a></li>
      <li><a id="news-linker" class="scroll-link" href="#videos" data-soffset="0">Videos</a></li>
     
      <!--<li> <a id="news-linker" class="scroll-link" href="#library" data-soffset="0"> Library</a> </li>-->
      <li> <a id="news-linker" class="scroll-link" href="#computer-lab" data-soffset="0"> Computer Labs</a> </li>
      <li> <a id="news-linker" class="scroll-link" href="#laboratories" data-soffset="0"> Laboratories</a> </li>
    <!--  <li> <a id="news-linker" class="scroll-link" href="#syllabus" data-soffset="0"> Syllabus</a> </li>-->
    
      <!--<li> <a id="news-linker" class="scroll-link" href="#froebelian" data-soffset="0"> Froebelian</a> </li>-->
      
     
      <li><a id="news-linker" class="scroll-link" href="#news" data-soffset="0"> <img src="img/syllabus/new.GIF"> Latest Update</a></li>
	   <li><a id="contact-linker" class="scroll-link" href="#career" data-soffset="0">Career with Us</a></li>
      <li><a id="contact-linker" class="scroll-link" href="#contact" data-soffset="0">contact</a></li>
    </ul>
  </div>
  <div class="nav2">
    <div>
	<div class="parent" style="padding-bottom:10px;">
	<!--<a href="https://stfroebel.edunext5.com" role="button" class="btn mm" target="_blank">
              <h4>Registration 2020-2021</h4>
              </a>-->

<!--<a href="http://edunextstudio.com/forms/st-froebel-senior-secondary-school/registration/index.php
" role="button" class="btn mm" target="_blank" style="background-color: red;">
              <h4>Registration 2020-2021</h4>
              </a>-->

	</div>
	
	<a href="https://www.facebook.com/stfroebelschool/" target="_blank"><i class="fa fa-facebook-square" style="font-size:36px; color:#fff;"></i></a>
	<a href="#"><i class="fa fa-google-plus-square" style="font-size:36px; color:#fff;"></i></a>
	<a href="https://instagram.com/stfroebelschool?utm_source=ig_profile_share&igshid=156z1qak4voq2" target="_blank"><i class="	fa fa-instagram" style="font-size:36px; color:#fff;"></i></a>
	</div>
	
	<!--<a href="https://stfroebel.edunext5.com/" target="_blank" role="button" class="btn mmn">
              <h4>Login </h4>
              </a>-->
	
	<!--<style>
a.mmn {
    background: #242752;
    color: #fff;
    text-shadow: none;
    border: none !important;
    padding: 5px 15px;
    border: 3px solid #000 !important;
    font-family: "Open_Sans_L";
    -webkit-transition: all .3s;
    border-radius: 0;
}

a.mmn:hover { color:#242752;}
	</style>-->
	
    <div></div>
    <div></div>
  </div>
</div>


<!-- Primary Page Layout
	================================================== -->
<div id="header" class="page" >
  <section class="container-fluid" style="position:relative;">
    <div class="row-fluid">
	
	

	
	<div id="myCarousel" class="carousel slide" data-ride="carousel" >
  
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
   
  </ol>


  <div class="carousel-inner" role="listbox">
  
 <!--<div class="item active">
      <img src="img/m01.jpg" alt="Chania"  width="100%">
    </div>-->

	<?php while($data3=mysqli_fetch_assoc($res3))
	
	{
		?>
    <div class="item">
      <img src="../img/<?php echo $data3['image'];?>" alt="slider"  width="100%">
    </div>

<?php
	}
?>

  </div>


 
</div>
	
	<style>
.mrq {
    position: absolute;
    top: 0;
    width: 250px;
    right: 0;
    background: #24275282;
	height:100%;
}

.foreb {
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    margin: 0px 0px 20px 0px;
    color: #fff;
    font-family: open_sans_r;
    letter-spacing: 2px;
    padding-top: 20px;
}



.mq{position: absolute;
    width: 100%;
    color: white;
    right: 19%;
    font-weight: bold;
    text-shadow: 1px 2px 4px #000;
    top: 0;
}







	</style>
	
	
	
	
	
	
	
      
      <!-- span : ends -->
    </div>
    <!-- row-fuild : ends -->
	
	<div class="mq">
		 <marquee behavior="scroll" direction="left"><a href="#" target="" style="color:#fff;"><?php echo $data2['title'];?></a></marquee>
		  </div>
	<div class="mrq hidden-phone hidden-tablet">
	
	<p class="foreb">FROEBELIAN</p>
	<!--<a href="http://edunextstudio.com/forms/st-froebel-senior-secondary-school/registration/index.php
" role="button" class="btn mm" target="_blank" style="background-color: red;">
              <h4>Registration 2020-2021</h4>
              </a>-->
	<marquee onMouseOut="this.setAttribute('scrollamount', 2, 0);" onMouseOver="this.setAttribute('scrollamount', 0, 0);" scrollamount="2" height="325px" direction="up" style="height: 600px;text-align: left;margin-left: 40px;">
              <div class="froeb_txt" style="    color: #fff;
    height: 600px;"><p style=" font-family:open_sans_r;     font-size: 14px;"> Working to create.....<br>
                Morally upright<br>
                Self reliant<br>
                God fearing<br>
                Caring<br>
                Loving<br>
                Devoted<br>
                Sincere<br>
                Hardworking<br>
                Compassionate<br>
                Kind<br>
                Respectful<br>
                .......and having Self respect<br>
                Such illuminated souls<br>
                who realize the value of<br>
                Equality <br>
                Unity<br>
                Brotherhood<br>
                Duty<br>
                Courage &amp; Sacrifice<br>
                and have a pragmatic,<br>
                scientific and <br>
                technological bent of mind<br>
                are confident and ever happy.....</p> </div>
      </marquee>
	
	
	
	
	<!--<article class="hidden-phone hidden-tablet">
        <div class="realm-heading">
          <div class="" style="height: 640px;
    width: 250px;
    background: #242752;
    float: right;
    opacity: 0.8;"> <h3 style="font-size: 25px;
    font-weight: 400;
    margin-top: 400px;text-align:center;        margin: 25px 0px 20px 0px; color:#fff; font-family:open_sans_r; letter-spacing:2px;">FROEBELIAN</h3>
            <div style="    height: 600px;">
              
            </div>
          </div>
        </div>
      </article>-->
	</div>
	
  </section>
  <!-- container-fluid : ends-->
</div>
<!-- header : ends -->
<!-- about page starts -->


<div id="about" class="page">
  <section class="container-fluid page-bg-img ">
    <div class="row-fluid">
      <section class="container-fluid ">
        <div class="row">
          <div class="page-style span4">
            <h3>About</h3>
            <div class="about-style-img">
			
			<div class="hover14 column">
  <figure><img src="images/page-header-images/about.png" alt="realm"></figure>

</div>
			
			
			  </div>
          </div>
		  
		  
          <div class="page-style-details span8">
            <h3>Who we are</h3>
            <h5>A story of commitment and preciseness</h5>
            <p>St. Froebel Senior Secondary School is a professionally managed educational institution committed to establish new standards in the field of education. It is under the aegis of St. Froebel Education Society (Regd.), which was founded in April 1985 by a cohesive and like-minded team of educationists, having decades of experience in educational planning and administration both in India and Abroad. Aiming at imparting purposeful education to the wards of aspirant parents, the management has put into practice the message of Fredrich Froebel, the founder father of German Kinder Garten namely, "CHILD IS THE SEED IN THE GARDEN OF ENVIRONMENT".</p>
            <div class="" style=" padding-top:30px; padding-bottom:0;"> <a href="#myModal2" role="button" class="btn mm" data-toggle="modal">
              <h4>Read More </h4>
              </a></div>
          </div>
        </div>
        <!-- // End of .row -->
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
  
  <!-- // End of .container-fluid -->
  <section class="container-fluid bg-white">
    <div class="row-fluid custom-padding">
      <section class="container pl-20">
        <div class="row">
          <!--<article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/aw1.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>SEAS GLOBAL WOMEN ACHIEVERS </h3>
                  <h4>AWARD</h4>
                  <p>Dr. Ragini Kaul, the most familiar name in the education.<a href="#myModal08" data-toggle="modal">Read More  </a></p>
                </div>
                <div class="service-text">
                  <p>SEAS GLOBAL WOMEN ACHIEVERS  </p>
                  <a href="#">AWARD</a> </div>
              </div>
            </div>
          </article>-->
		  
		  
          <!-- span : ends -->
          <article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/aw2.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>AWARD FOR EXCELLENCE    </h3>
                  <h4>PARENT CONNECT  PROGRAM </h4>
                  <p>The desire to change the world and to make it a better place. 
				  <a href="#myModal09" data-toggle="modal">Read More  </a></p>
                </div>
                <div class="service-text">
                  <p>AWARD FOR EXCELLENCE </p>
                  <a href="#">PARENT CONNECT <span style="padding-left:20px;"> PROGRAM </span> </a> </div>
              </div>
            </div>
          </article>
          <!-- span : ends -->
          
          <article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/aw3.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>S.F.S.  </h3>
                  <h4>NOBLE DEEDS</h4>
                  <p>Embracing the legacy of philanthropy, SFS engaged itself to the service of humanity.<a href="#myModal10" data-toggle="modal">Read More  </a></p>
                </div>
                <div class="service-text">
                  <p>S.F.S.  </p>
                  <a href="#">NOBLE DEEDS</a> </div>
              </div>
            </div>
          </article>
        </div>
		
		
		<div class="row service-margin">
          
		  
		<article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/001.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>TCS IT WIZ INTER  </h3>
                  <h4>SCHOOL COMPETITION </h4>
                  <p>I feel elated to share that the prestigious TCS conducted a state level TCS IT Wiz Inter school competition across Delhi state.<a href="#myModal01" data-toggle="modal">Read More  </a></p>
                </div>
                <div class="service-text">
                  <p>TCS IT WIZ INTER </p>
                  <a href="#">SCHOOL COMPETITION</a> </div>
              </div>
            </div>
          </article>
          
          <article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/002.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>S.F.S.</h3>
                  <h4> WINNING STREAK</h4>
                  <p>St. Froebel's bulletin board sparkled brightly while flashing the news of accomplishments, success and triumph of students.
				  <a href="#myModal02" data-toggle="modal">Read More  </a></p>
                </div>
                <div class="service-text">
                  <p>S.F.S.</p>
                  <a href="#"> WINNING STREAK</a> </div>
              </div>
            </div>
          </article>
        </div>
		
		
		
		<div class="row service-margin">
          
		  
		  
          <!-- span : ends -->
          
          <!-- span : ends -->
		  <article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/003.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>IN THE PURSUIT </h3>
                  <h4>OF EXCELLENCE</h4>
                  <p>It was indeed a matter of great pride for all froebelians to be awarded with the prestigious NATIONAL TEACHING EXCELLENCE AWARD 2018.<a href="#myModal03" data-toggle="modal">Read More  </a></p>
                </div>
                <div class="service-text">
                  <p>IN THE PURSUIT</p>
                  <a href="#">OF EXCELLENCE</a> </div>
              </div>
            </div>
          </article>
          
          <article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/006.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>FROEBEL'S </h3>
                  <h4>MASTER STROKE</h4>
                  <p>St. Froebel School has been ranked number 1 amongst the most deserving schools in India by Education Today - one of the leading education portals.<a href="#myModal06" data-toggle="modal">Read More  </a></p>
                </div>
                <div class="service-text">
                  <p>FROEBEL'S</p>
                  <a href="#">MASTER STROKE</a> </div>
              </div>
            </div>
          </article>
        </div>
        <!-- row : ends -->
        <div class="row service-margin">
          
          <!-- span : ends -->
          <!--<article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/004.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>INSPIRATIONAL  </h3>
                  <h4>IMPRINT</h4>
                  <p>The Principal of St. Froebel  School, Paschim Vihar, Dr. Ragini Kaul is a passionate, thoughtful, dedicated and renowned educationist awarded with numerous awards.<a href="#myModal04" data-toggle="modal">Read More  </a></p>
                </div>
                <div class="service-text">
                  <p>INSPIRATIONAL</p>
                  <a href="#">IMPRINT</a> </div>
              </div>
            </div>
          </article>-->
          <!-- span : ends -->
		  <!--<article class="span6 hor">
            <div class="row">
              <div class="service-details"> <img src="images/team/005.jpg" alt="realm">
                <div class="service-hover-text">
                  <h3>THE PRESTIGIOUS  </h3>
                  <h4>DRONA AWARD</h4>
                  <p>The unceasing winning of awards, medals, trophies and accolades has put Dr. Ragini Kaul, the principal of St. Froebel School.
				  <a href="#myModal05" data-toggle="modal">Read More  </a>
           
             </p>
                </div>
                <div class="service-text">
                  <p>THE PRESTIGIOUS</p>
                  <a href="#">DRONA AWARD</a> </div>
              </div>
            </div>
          </article>-->
        </div>
		
		

		<div class="row service-margin">
          
          <!-- span : ends -->
          
          <!-- span : ends -->
        </div>
		
		
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
  <!-- // End of .container-fluid -->
</div>

<!-- about page ends -->

<!-- SALIENT FEATURES -->


<div id="services" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>SALIENT FEATURES</h3>
                  <p>Emphasis on Indian value system amalgamated with modern outlook, scientific and technological training integrated with a pragmatic approach for achieving excellence. </p>
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
      <!-- row-fuild : ends -->
    </div>
  </section>
  <!-- container-fluid : ends-->
</div>

<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3> SALIENT <br>
              FEATURES </h3>
            <div class="about-style-img">
			<div class="hover14 column">
  <figure> <img src="images/page-header-images/services.png" alt="realm"></figure>
</div>
			 </div>
          </div>
          <div class="page-style-details span8">
            <!--<h3>YOUR CHILD DESERVES THE BEST</h3>
            <h5>Here is what we can promise you</h5>-->
            <p>Our core philosophy is to instill values in every Froebelian.</br>

We endeavour to raise conscious citizens and we strive to achieve it through holistic approach to educate.</br>

 The school also boosts of state of the art Computer labs. These labs are multimedia equipped which provide online support to students and teachers. All work related to academics and administrative work is backed by the in house server, managed by professionally trained IT person 24x7.</br>

 Auditorium – The school is also proud of its spacious auditorium where various Inter/Intra school functions are organised. This provides as a vibrant platform for students to excel in skill development.</br>

For the physical well-being of the students, the play fields ensure that every Froebelian remains fit and healthy by catering to sports/games like Basketball, Cricket, Volleyball, Badminton, Football etc. Professional faculty is hired to train students to excel in these games.</br>

Highly Qualified faculty is hired to orient students academically and handhold them throughout their throughout their school journey</br>

For the comfort of our toddlers and little ones, out entire primary wing is air-conditioned which makes the entire teaching – learning process more comfort by ensuring freshness of mind and body.</br>

We have a fleet of G.P.S. tracked buses that cater to the need of ferrying students and ensure their safety.</br>

The school keeping in tandem with the growing demands also has a professionally managed needs of some students is taken care of. Parents are constantly guided and updated from time to time.</p>
          </div>
        </div>
        <!-- // End of .row -->
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
  <!-- // End of .container-fluid -->
  <section class="container-fluid">
    <div class="row-fluid">
      <section class="container">
        <div class="row custom-padding" style="padding-left:20px;">
          <article class="span4">
            <div class="about-heading-red">
			 <img src="images/page-header-images/globalcuri.png" alt="realm"> </div>
            <div class="about-details-red">
              <h3>Global Curriculum</h3>
              <p>We truly belive in internationalism. It has always been an institution, which has boldly predicted the future and has readily adapted itself to ever changing global needs of education.<br><br><br><br><br></p>
            </div>
          </article>
          <article class="span4">
            <div class="about-heading-black"> <img src="images/page-header-images/worldclass.png" alt="realm"> </div>
            <div class="about-details-black">
              <h3>World Class Amenities</h3>
              <p>We have a fleet of GPS tracked buses to cater to the need of transport of students.
                Emphasis on Indian value system amalgamated with modern outlook, scientific and technological training integrated with a pragmatic approach for achieving excellence.<br><br><br> </p>
            </div>
          </article>
          <article class="span4">
            <div class="about-heading-red"> <img src="images/page-header-images/labwala.png" alt="realm"> </div>
            <div class="about-details-red">
              <h3>Brightest Faculty </h3>
              <p>We have some of the most talented and dedicated thought leaders in the country who come from the best institutions around the world. Not only are they academically and professionally amongst the best, but have high standards of moral and ethical values, so that they can be true role models.</p>
            </div>
          </article>
        </div>
		
		 <div class="row custom-padding" style="padding-left:20px;">
		  <article class="span4">
            <div class="about-details-red">
              <h3>Infirmary</h3>
              <p>Qualified doctors conduct annual health check-up and immunization camp within the School campus from time to time are the features that ensure every child's health and fitness. Proper record of child's growth and other relevant details are also kept. On the campus - medical facilities are also available in our fully equipped infirmary. <br><br>
                <br><br>
                <br>
              </p>
            </div>
          </article>
          <article class="span4">
            <div class="about-details-black">
              <h3>Guidance and Counselling</h3>
              <p>The school has a guidance and counselling cell where professional counsellor and special educator take care of children with special needs we do understand that no two individuals are same, hence believing in inclusive education we have in house facilitator who are qualified counsellors and special educators. They take care of daily needs of such differently abled children, and also work closely with their parents and teachers and guide them from time to time.<br>
              
              </p>
            </div>
          </article>
		  <article class="span4">
            <div class="about-details-red">
              <h3>Transportation</h3>
              <p>Our fleet of modern buses follows all government guidelines and have experienced bus drivers. All the buses are equipped with G.P.S. and cameras. We cover many areas in Delhi N.C.R. to cater to the needs of each student. Student safety is our prime priority in all circumstances. 
			 <br> <br> <br>  <br><br><br><br><!--<a href="route.pdf" target="_blank" class="btn mm">
              Route 
              </a>--></p>
            </div>
          </article>
		  </div>
		
        <!-- // End of .row -->
      </section>
      <!-- container : ends -->
    </div>
    <!-- row-fuild : ends -->
  </section>
  <!-- container-fluid : ends-->
</div>

<!-- Chairperson's Message -->

<div id="chairperson-message" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>CHAIRPERSON'S MESSAGE</h3>
                 
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
      <!-- row-fuild : ends -->
    </div>
  </section>
  <!-- container-fluid : ends-->
</div>
<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3 style="padding-bottom:20px;">Chairperson's Message </h3>
            <div class="about-style-img"> 
			<div class="hover14 column">
  <figure><img src="images/page-header-images/chairman.png" alt="realm"></figure>
</div>
			
			 </div>
          </div>
          <div class="page-style-details span8">
            <h3>Chairperson's Message </h3>
            <h5>Greetings !</h5>
            <p>
              
              <!--Welcome to ___________________ School.<br>-->
              We are a committed team of Philanthropist who are determined to spread the wings of education and reach out to one and all. Our mission is to nurture our students to realise their own potential and achieve their goals in an environment of harmonious learning , where they feel free and confident to broaden their horizons. We want to create and educational arena ,where every student gets involved in deep thoughts ,to achieve that level of perfection of mind, an enables them to reason out things, fulfil their dreams , and achieve what they aspire , with ease. Our sole intention is to constantly guide them, and nurture them in such a manner, that they become morally upright individuals , who remain grounded and imbibe values of humility , goodness , helpful nature, who are caring both to humans and their surroundings. We want our students to be proud of themselves and learn to manage themselves and any other situation that arises under the portals of the school banner, we want each student to discover their own talents , and get an opportunity to develop to the fullest . We stand committed to academic excellence. In this endeavour , we solicit your cooperation. <br>
              <br>
              <b>Regards,<br>
              Sanjay Tyagi</b> </p>
          </div>
        </div>
        <!-- // End of .row -->
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
</div>

<!-- Principal's Desk -->

<!--<div id="principal-desk" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>PRINCIPAL'S DESK</h3>
                 
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
   
    </div>
  </section>

</div>-->
<!--<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3 style="padding-bottom:20px;">Principal's <br>
              Desk </h3>
            <div class="about-style-img">
			<div class="hover14 column">
  <figure><img src="images/page-header-images/principal.png" alt="realm"></figure>
</div>
			
			  </div>
          </div>
          <div class="page-style-details span8">
            <h3>Principal's Desk </h3>
            <h5>Greetings !</h5>
            <p> It's with great warmth in my heart that I pen down this message for our readers. Education has revolutionized especially in the last decade and with it has risen the responsibilities on the schools to provide skill based education, which empowers students. We have entered the 4th stage of Educational Revolution, we are living an era of machine learning and Artificial Intelligence. Therefore, the present education system has to be skilled based , where the students on leaving the portals of the school, are competent enough to handle themselves.<br>
              <br>
              The skill of critical thinking and problem solving are of the utmost importance.<br>
              <br>
              The challenges are many, but the opportunities are many more. Therefore, there's a dire need to brace ourselves to impart world class education. We stand committed as a team to give nothing but the best to children under our care. We consider our parents, our co-partners and expect them to be involved in all our endeavours.<br>
              <br>
              Jai Hind<br>
              Dr. Ragini Kaul<br>
              Principal </p>
          </div>
        </div>
       
      </section>
     
    </div>
    
  </section>
</div>-->


<!-- Curriculum -->

<div id="curriculum" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>CURRICULUM</h3>
                 
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
      <!-- row-fuild : ends -->
    </div>
  </section>
  <!-- container-fluid : ends-->
</div>
<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3 style="padding-bottom:20px;">Curriculum</h3>
            <div class="about-style-img"> 
			<div class="hover14 column">
  <figure><img src="images/page-header-images/curi.png" alt="realm" style="margin-top:0;"></figure>
</div>
			 </div>
          </div>
          <div class="page-style-details span8">
            <h3>Curriculum</h3>
           <!-- <h5>For Nursery Wing</h5>-->
            <p>The School follows the curriculum laid down by the NCERT and CBSE strictly on the CCE pattern. The classrooms are equipped with the EDUCOMP Smart Class  is used to furbish various skills in English language . Regular class tests and terminal exams are conducted throughout the academic session and their appropriate weightage is also given in the final result. Due emphasis is given to moral education, environmental awareness, co-curricular activities and overall personality development.<br><br><br></p>
			
			<a href="#myModals" data-toggle="modal" class="btn mm">EXAM </a>
			<a href="#myModal" data-toggle="modal" class="btn mm"> SYLLABUS</a>
          </div>
        </div>
       
      </section>
     
    </div>
   
  </section>
  <!-- // End of .container-fluid -->
  <!--<section class="container-fluid">
    <div class="row-fluid">
      <section class="container">
        <div class="row custom-padding">
         <article class="span6">
            <div class="about-details-red">
              <h3>For Other Classes</h3>
              <p>The School follows the curriculum laid down by the NCERT and CBSE strictly on the CCE pattern. The classrooms are equipped with the EDUCOMP Smart Class and software like LIQVID from ENGLISH EDGE is used to furbish various skills in English language . Regular class tests and terminal exams are conducted throughout the academic session and their appropriate weightage is also given in the final result. Due emphasis is given to moral education, environmental awareness, co-curricular activities and overall personality development. </p>
            </div>
          </article>
		  
		 <article class="span6">
            <div class="about-details-red">
              <h3>Infirmary</h3>
              <p>Qualified doctors conduct annual health check-up and immunization camp within the School campus from time to time are the features that ensure every child's health and fitness. Proper record of child's growth and other relevant details are also kept. On the campus - medical facilities are also available in our fully equipped infirmary. <br><br>
                <br>
                <br>
              </p>
            </div>
          </article>
          <article class="span6">
            <div class="about-details-black">
              <h3>Guidance and Counselling</h3>
              <p>The school has a guidance and counselling cell where professional counsellor and special educator take care of children with special needs we do understand that no two individuals are same, hence believing in inclusive education we have in house facilitator who are qualified counsellors and special educators. They take care of daily needs of such differently abled children, and also work closely with their parents and teachers and guide them from time to time.<br>
                <br>
              </p>
            </div>
          </article>
		  
		 <article class="span6">
            <div class="about-details-black">
              <h3>Games and Sports</h3>
              <p>While taking care of academics it is also seen that all students take active interest in sports (as it is also a part of curriculum). All facilities for indoor and outdoor games are available in the school. From time to time students are encouraged to participate in Intra-school, Inter-school and Zonal Competitions. The students have also won many awards and prizes in all the games be it Kho-kho, Volleyball, Basketball, Table Tennis, Judo-Karate, Taekwondo, Cricket, Athletics etc.<br><br><br> </p>
            </div>
          </article>
		  
        </div>
      
        <div class="row videoo text-center">
		
		
          
		<article class="span12">
            <div class="about-details-red">
              <h3>Transportation</h3>
              <p>Our fleet of modern buses follows all government guidelines and have experienced bus drivers. All the buses are equipped with G.P.S. and cameras. We cover many areas in Delhi N.C.R. to cater to the needs of each student. Student safety is our prime priority in all circumstances. </p>
            </div>
          </article>
        <article class="span6">
            <div class="about-details-black">
              <h3>Games and Sports</h3>
              <p>While taking care of academics it is also seen that all students take active interest in sports (as it is also a part of curriculum). All facilities for indoor and outdoor games are available in the school. From time to time students are encouraged to participate in Intra-school, Inter-school and Zonal Competitions. The students have also won many awards and prizes in all the games be it Kho-kho, Volleyball, Basketball, Table Tennis, Judo-Karate, Taekwondo, Cricket, Athletics etc. </p>
            </div>
          </article>
        </div>
        
      </section>
  
    </div>
   
  </section>-->

</div>



<!-- Admission -->



<div id="admission" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>ADMISSION</h3>
                 
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
      <!-- row-fuild : ends -->
    </div>
  </section>
  <!-- container-fluid : ends-->
</div>
<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3>Admission</h3>
            <div class="about-style-img">
			<div class="hover14 column">
  <figure><img src="images/page-header-images/admission.png" alt="realm"></figure>
</div>
			  </div>
          </div>
          <div class="page-style-details span8">
            <h3>Admission procedure</h3>
           <!-- <h5>Here is what we can promise you</h5>-->
            <p>Pre-School admissions at the entry level are conducted strictly as per the guidelines of D.O.E.(Both general/E.W.S./ D.G. Category)
<br><br>
For other classes admission depends on the vacancy status. For this, the aspiring parents are requested to visit the school and meet the Admission Incharge for further guidance.
<p></p>
<div class="col-md-12">
<!--<a href="pdf/LIST OF APPLICANTS FOR PRE SCHOOL(2020-2021).pdf"  class="btn mm" target="_blank">
              <h4>LIST OF APPLICANTS FOR PRE SCHOOL(2020-2021) </h4>
              </a>
              <br>  <br>
              <a href="pdf/List of Candidates with Points.pdf"  class="btn mm" target="_blank">
              <h4>List of Candidates with Points</h4>
              </a>-->
              <a href="pdf/Circular-New-Admission.jpeg"  class="btn mm" target="_blank">
              <h4>Circular for All New Admission (2020-21) </h4>
              </a>
              <br> <br>
              <a href="pdf/List of Provisionally  Selected  Candidates 24-01-2020.pdf"  class="btn mm" target="_blank">
              <h4>List of Provisionally Selected Candidates </h4>
              </a>
              </div>

</p>
            <div class="news-main-learn-moreadm" style=" padding-top:30px;display:none;">
			 <!--<a href="https://sfsp.campussoft.in/" target="_blank" class="btn mm" >
              <h4>Online Registration </h4>
              </a>-->
			  <a href="img/pdf/edudel-file-PS.pdf" target="_blank" class="btn mm" >
              <h4>List of Applicants </h4>
              </a>
			   <a href="img/pdf/PS-admission-details-updated-list-1.xlsx" target="_blank" class="btn mm" >
              <h4>List of Applicants with Points</h4>
              </a>
<br><br>
			  <a href="first list -preschool (provisonally seleced).pdf" target="_blank" class="btn mm" >
              <h4>First List of preschool provisonally selected</h4>
              </a>


			  <a href="wait list 1 (pre school).pdf" target="_blank" class="btn mm" >
              <h4>Waiting List - 1</h4>
              </a>

			  </div>
          </div>
        </div>
        <!-- // End of .row -->
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
  <!-- // End of .container-fluid -->
  <!-- container-fluid : ends-->
</div>

<!-- Photo Gallery -->

<div id="portfolio" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>GALLERY</h3>
                 
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
      <!-- row-fuild : ends -->
    </div>
  </section>
  <!-- container-fluid : ends-->
</div>
<div id="" class="page">
  <!--<section class="container-fluid page-bg-img ">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3>gallery</h3>
            <div class="about-style-img">
			<div class="hover14 column">
  <figure><img src="images/page-header-images/portfolio.png" alt="realm"></figure>

</div>
			  </div>
          </div>
          <div class="page-style-details span8">
            <h3>Photo Gallery</h3>
            <p> At St. Froebel School, we have meticulously assembled the facilities that help nurture the child’s all around development and enable the child to transform his or her potential into laudable achievement.<br>
              <br>
              <br>
              <br>
              <br>
          </div>
        </div>
       
      </section>
     
    </div>
   
  </section>-->
 
  <section class="container-fluid">
    <div class="row-fluid bg-white">
      <section class="container">
        <div class="row custom-portfolio-padding" style="padding-left:30px;">
          <!-- Isotope starts -->
          <article class="span12">
            <section id="options" class="clearfix">
              <ul id="filters" class="option-set clearfix" data-option-key="filter">
                <li class="inner-link"><a href="#filter" data-option-value="*" class="selected ">all</a></li>
                <li class="inner-link"><a href="#filter" data-option-value=".branding">2018</a></li>
                <li class="inner-link"><a href="#filter" data-option-value=".web">2017</a></li>
                <li class="inner-link"><a href="#filter" data-option-value=".ecommerce">2016</a></li>
                <li class="inner-link"><a href="#filter" data-option-value=".modern">2015</a></li>
              </ul>
            </section>
            <!-- #options -->
            <div id="container" class="clearfix portfolio">
              <div>
                	<?php while($data4=mysqli_fetch_assoc($res4))
	
	{
		?>
   

    <div>
                <div class="element branding height-01 " data-symbol="Hg" data-category="web">
                  <div class="element-image height-01"> <img class="main-image" title="<?php echo $data4['title'];?>"   src="../img/<?php echo $data4['image'];?>" alt="<?php echo $data4['title'];?>"/> </div>
                  <div class="portfolio-visibility">
                    <div class="element-text">
                      <!-- <h2>Title</h2>
                      <h3>Subtitle goes here</h3>-->
                    </div>
                    <div class="element-anchor"> <a class="gallery-block" href="../img/<?php echo $data4['image'];?>" data-gal="prettyPhoto[portfolio]"> <img class="anchor-image" src="images/zoom1.png" alt="<?php echo $data4['title'];?>"> </a> <a href="#"><img src="images/zoom2.png" alt="realm"></a> </div>
                  </div>
                </div>
              </div>
              <div>
<?php
	}
?>


             
            </div>
            <!-- #container -->
          </article>
          <!-- span ends -->
        </div>
        <!-- // End of .row-->
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
  <!-- // End of .container-fluid -->
</div>

<!-- Videos -->


<div id="videos" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>VIDEOS</h3>
                 
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
     
    </div>
  </section>
  <!-- container-fluid : ends-->
</div>
<div id="" class="page bg-white">
  <!--<section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3>Videos </h3>
            <div class="about-style-img"> 
			<div class="hover14 column">
  <figure><img src="images/page-header-images/video.png" alt="realm"></figure>
</div>
			
			 </div>
          </div>
          <div class="page-style-details span8">
            <h3>Best from us</h3>
            <h5>Here is what we can promise you</h5>
            <p> Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	. </p>
          </div>
        </div>
       
      </section>
      
    </div>
   
  </section>-->
  <!-- // End of .container-fluid -->
  <section class="container-fluid">
    <div class="row-fluid">
      <section class="container">
        <div class="row custom-padding" >
          <article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/pHP0aYm5p9I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
             
            </div>
          </article>
          <article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/ZjTdpDgA1Ec" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
             
            </div>
          </article>
          <article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/G1ts4dNpbSQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
			
             
            </div>
          </article>
        </div>
       
	   
	   
	   
	   
	   
	   
	   
	   <div class="row videoo" >
          <article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/oZWXU8dAkfE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
             
            </div>
          </article>
		  
		  
		  <article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/uErqcHjvR8w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
             
            </div>
          </article>
          <article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/nVAFCUOmzIM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
             
            </div>
          </article>
          
        </div>
        <div class="row videoo">
		<article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/l2ET06f-xnE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
			
             
            </div>
          </article>
          <article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/THvUZGbRx9Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
			
              
            </div>
          </article>
          <article class="span4">
            <div class="about-details-red">
			
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/rO74o2qdCgw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
              
            </div>
          </article>
          
        </div>
       <div class="row videoo">
		
          <article class="span4">
            <div class="about-details-red">
			<iframe width="90%" height="auto" src="https://www.youtube.com/embed/Mt1TbMRJzVw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			
			
              
            </div>
          </article>
          
         
        </div>
	   
	   <div class="col-md-12">
	  <div class="news-main-learn-moreadm" style="padding-bottom: 50px; text-align: center;"> <a href="#" role="button" class="btn mm">
              <h4>SHOW MORE </h4>
              </a></div>
	   </div>
      </section>
      
    </div>
   
  </section>
 
</div>






<!-- Library. -->

<!--<div id="library" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>LIBRARY</h3>
                  <p>is the one and only key to success master it and you will fly high</p>
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
    
    </div>
  </section>
 
</div>
<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3>Library</h3>
            <div class="about-style-img"> 
			<div class="hover14 column">
  <figure><img src="images/page-header-images/laberary.png" alt="realm"> </figure>
</div>
			</div>
          </div>
          <div class="page-style-details span8">
            <h3>Library</h3>
            <h5>School Library</h5>
            <p>The school has a spacious and well stocked library, containing thousands of books suitable for all age groups. Also the students are encouraged for learning through reading. Digital Library with online access to over 50,000 books, periodicals and journals are also provided to the student and is a major attraction with them.<br>
              <br>
              <br>
            </p>
          </div>
        </div>
      
      </section>
      
    </div>
    
  </section>
 
</div>

-->

<!-- Computer Labs. -->


<div id="computer-lab" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>COMPUTER LABS</h3>
                  
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
      <!-- row-fuild : ends -->
    </div>
  </section>
  <!-- container-fluid : ends-->
</div>
<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3 style="padding-left:35px;">Computer Labs</h3>
            <div class="about-style-img">
			<div class="hover14 column">
  <figure><img src="images/page-header-images/clab.png" alt="realm"> </figure>
</div>
			
			 </div>
          </div>
          <div class="page-style-details span8">
            <h3>Computer Labs</h3>
           <!-- <h5>Computer</h5>-->
            <p>Present day is the time of scientific advancement and information technology where computers are becoming indispensable at St. Froebel. It is made sure that the Froebelians are in no way left behind whether it is the usage of Multimedia kits for computer games and animations, or for advanced software development. The school has two well equipped Computer Labs, independent for senior and junior wings respectively with latest Intel® Core™ i5 based computers which cater to the need of students from the Pre-Primary stage to the Senior Secondary level (as per the prescribed syllabi). </p>
          </div>
        </div>
        <!-- // End of .row -->
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
  <section class="container-fluid">
    <div class="row-fluid">
      <section class="container">
        <div class="row custom-padding">
          <article class="span6">
            <div class="about-details-red">
              <h3>Computer Aided Learning</h3>
              <p>With the help of the latest computer software, the students of all classes are imparted the CBSE/NCERT syllabus so as to put into practice the principle of "seeing is believing " which makes learning easier. </p>
            </div>
          </article>
          <article class="span6">
            <div class="about-details-black">
              <h3>Audio-Visual Room</h3>
              <p>The school has a state of the art audio visual room with seating capacity of over 150 students and it is one place where great brains work with the help of hi-tech equipments like LCD projectors, OHPs etc.</p>
            </div>
          </article>
        </div>
        <!-- // End of .row -->
      </section>
      <!-- container : ends -->
    </div>
    <!-- row-fuild : ends -->
  </section>
</div>

<!-- Laboratories -->

<div id="laboratories" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>STATE OF ART LAB.</h3>
                  
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
 
    </div>
  </section>

</div>
<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3 style="padding-left:35px;">State of Art Lab</h3>
            <div class="about-style-img"> 
			<div class="hover14 column">
  <figure><img src="images/page-header-images/chemlab.png" alt="realm"></figure>
</div>
			
			 </div>
          </div>
          <div class="page-style-details span8">
            <h3>STATE OF ART LAB.</h3>
            <h5>School Science Laboratories</h5>
            <p>The school has modern and well-equipped science laboratories, each for Physics, Chemistry and Biology, which have facilities for experiments by the students in the ratio of 1:1. All hi-tech and modem apparatus, equipments and other educational aids are available in the school.<br>
              <br>
              <br>
              <br>
            </p>
          </div>
        </div>
       
      </section>
   
    </div>

  </section>
  <section class="container-fluid">
    <div class="row-fluid">
      <section class="container">
        <div class="row custom-padding">
          <article class="span12">
            <div class="about-details-red">
              <h3>Smart class digital Initiative for the tech-savvy Froebelians</h3>
              <p>Improves teacher's effectiveness and productivity.</p>
              <p>Brings abstracts and difficult curriculum concepts to life.</p>
              <p>Makes learning an enjoyable experience for students.</p>
              <p>Enables multi-sensory learning in classrooms.</p>
              <p>Improves academic performance of students.</p>
              <p>Enables instant formative assessment of learning outcomes in class.</p>
            </div>
          </article>
          <!--<article class="span4">
            <div class="about-details-black">
              <h3>What LIQVID gives a Froebelian?</h3>
              <p>LIQVID has developed the English Edge program in association with BBC Active. BBC ACTIVE is recognized as a valued, trusted and authoritative brand for English Language. Thus, English Language is now taught through Computer Aided Learning process in the ultra modern Language Lab.<br>
                <br>
                <br>
                <br>
                <br>
              </p>
            </div>
          </article>-->
        </div>
   
      </section>
     
    </div>
 
  </section>
</div>


<!-- sylabus-start -->

<!--<div id="syllabus" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>SYLLABUS</h3>
                  <p>is the one and only key to success master it and you will fly high</p>
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
      
    </div>
  </section>
 
</div>
<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3>SYLLABUS</h3>
            <div class="about-style-img"> 
			<div class="hover14 column">
  <figure><img src="images/page-header-images/synabus.png" alt="realm"></figure>
</div>
			
			 </div>
          </div>
          <div class="page-style-details span8">
            <h3>Best from us</h3>
            <h5>Here is what we can promise you</h5>
            <p> Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	.	Text will come here	. </p>
          </div>
        </div>
       
      </section>
      
    </div>
   
  </section>
  
  <section class="container-fluid">
    <div class="row-fluid">
      <section class="container">
        <div class="row custom-padding">
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
        </div>
     
        <div class="row videoo">
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
        </div>
     
        <div class="row videoo">
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
          <article class="span3"> <img src="img/syllabus/pdf-icon.png"> <a href="pdf/2018-19/pre%20school%20-%202018-19.html" target="_blank">Syllabus - Pre School<img src="img/syllabus/new.gif"></a> </article>
        </div>
    
      </section>
    
    </div>

  </section>

</div>
-->

<!--
<div id="froebelian" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>FROEBELIAN</h3>
                  <p>is the one and only key to success master it and you will fly high</p>
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
     
    </div>
  </section>
 
</div>
<div id="" class="page bg-white">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3>Froebelian</h3>
            <div class="about-style-img">
			<div class="hover14 column">
  <figure><img src="images/page-header-images/froebian.png" alt="realm"></figure>
</div>
			
			  </div>
          </div>
          <div class="page-style-details span8">
            <h3>Froebelian</h3>
            <h5>What is expected of every parent to understand and imply?</h5>
            <p>See that your child comes in complete uniform and reaches the school well in time.Froebelian Send your child neatly dressed to school. Many are the cases when the uniform of the child is checked and he/she is not found to be in proper uniform. Your child should not be one among them. </p>
            <div class="" style=" padding-top:30px;"> <a href="#myModal1" role="button" class="btn mm" data-toggle="modal">
              <h4>Read More </h4>
              </a></div>
          </div>
        </div>
        
      </section>
      
    </div>
   
  </section>

</div>-->







<!--<div id="news-carousel" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="news-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="news-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <h3 class="twitter-handle"><span>Chairperson's Message</span></h3>
                <article id="ticker" class="query"></article>
              </article>
            </div>
          </section>
        </div>
      </div>
     
    </div>
  </section>
  
</div>-->


<!-- news-carousel : ends -->
<div id="news" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>LATEST UPDATE </h3>
                  
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
 
    </div>
  </section>

</div>


<div id="" class="page">
  <section class="container-fluid page-bg-img">
    <div class="row-fluid">
      <section class="container-fluid">
        <div class="row">
          <div class="page-style span4">
            <h3 style="padding-left:20px;">Latest update</h3>
            <div class="about-style-img"> 
			<div class="hover14 column">
  <figure><img src="images/page-header-images/news.png" alt="realm"></figure>
</div>
			
			 </div>
          </div>
          <div class="page-style-details span8">
            <h3>Latest update from us</h3><br><br><br>
            <!--<h5>A static layout for news page presentation</h5>
            <p> We are a creative agency from Sao Paulo.We create perfect designs, strunning digital experience and promising brand identities. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac nunc quis augue pellentesque condimentum. Fusce pulvinar lacus et eleifend blandit.<br>
            <br> <br>
             
            </p>-->
            
            <div class="scrol">
		              <div class="row">

		   
<?php 
$i=0;

			
			while($data=mysqli_fetch_assoc($res))
	{
		$img=$data['image'];
		$imgnew=explode('.',$img);
?>
              <article class="pdfdata">
			  <?php if($imgnew[1]=='gif')
		{			  
?>
<img src="img/pdf/new.GIF">
<?php
		}
?>
			  
			  
			  <a href="http://stfroebelschool.com/img/<?php echo $data['document'];?>" target="_blank"><?php echo $data['des'];?></a>
               </article>
             
             
            <?php 
	


			$i++;

	}

?>
            
      </div>      
      
          </div>
          
		  <br><br>
		  <div class="row">
			 <div class="span12">
			 
		
			 <a href="#myModal-book" data-toggle="modal"  class="btn mm">
              <h4>Book List </h4>
              </a>
        </div>
		
		<br>
		
		
		
          </div>
        </div>
       
		
      
     
    </div>
  
  </section>
 
  </div>
    </section>
</div>


<div id="career" class="page">
  <section class="container-fluid">
    <div class="row-fluid" >
      <div class="service-carousel-bg-img" data-stellar-background-ratio="2">
        <div class="service-carousel-bg-color">
          <section class="container">
            <div class="row">
              <article class="span12">
                <div class="service-carousel-text">
                  <h3>CAREER WITH US </h3>
                  
                </div>
              </article>
            </div>
          </section>
        </div>
      </div>
 
    </div>
  </section>

</div>




<div id="" class="page bg-white" style="    margin-left: 50px;">
  
  <section class="container-fluid">
    <div class="row-fluid">
      <div class="container in_pages">
               
                    <div class="row carer">
                        <div class="span9">
                            				
                                <h4 style="padding-bottom:20px;">STAFF APPOINTMENTS</h4>
                                <p style="text-align:justify">
                                    </p><h3><span style="color: #ff0000;"><strong> Principal &nbsp;</strong></span></h3>
                                    <h3><span style="color: #ff0000;"><strong> School Counsellor</strong></span></h3>

<h3><span style="color: #ff0000;"><strong> P.G.T. - </strong></span> Physics</h3>
<!--<h3><span style="color: #ff0000;"><strong> P.E. Coach  (Preferably Female)</strong></span></h3>

<h3><span style="color: #ff0000;"><strong> T.G.T. - &nbsp;</strong></span> Computer Science</h3>
<h3><span style="color: #ff0000;"><strong> P.R.T. - &nbsp;</strong></span> Music</h3>-->


<br>

<p>Qualifications  to be as per CBSE norms. </p>


<p>&nbsp;</p>
<p>Kindly Send updated resume at <strong>resume@stfroebelschool.com, info@stfroebelschool.com</strong></p>                                    <br>
                                   <hr>
                                                            </div>
                        <div class="span3">
          <p><a href="img/pdf/application-form.pdf" target="_blank" style="padding:10px 0px; background:#e4e4e4;color:#AE0000;border-bottom:5px solid #2F3032;">
		  <img src="images/pdf.png" height="35" width="30"> <strong style="font-size:14px;"> Download Application Form </strong> </a> </p>
							</div>
                    </div>
            
            </div>
     
    </div>
 
  </section>
</div>




<div id="contact" class="page bg-white">
  <!-- // End of .container-fluid -->
  <section class="container-fluid">
    <div class="row-fluid contact-padding-top">
      <section class="container">
        <div class="row">
          <article class= "span10 offset1">
            <div class="">
              <p class="text-center contact-main">CONTACT US </p>
            </div>
          </article>
        </div>
      </section>
    </div>
  </section>
  <section class="container-fluid">
    <div class="row-fluid contact-bgcolor-blue">
      <section class="container">
        <div class="row">
          <article class="span12">
            <div class="contact-address">
              <p>A-3 Block,</p>
              <p> Paschim Vihar,</p>
              <p> New Delhi-110063. </p>
              <p>Tele : +91-11-25251261, +91-11-25287844</p>
              <p>E-mail : info@stfroebelschool.com</p>
            </div>
          </article>
        </div>
      </section>
    </div>
  </section>
  <section class="container-fluid">
    <div class="row-fluid contact-padding-bottom">
      <section class="container">
        <div class="row">
          <article class="span12">
            <div class="contact-social-link">
              <ul>
                <a href="https://www.facebook.com/stfroebelschool/" target="_blank"><i class="fa fa-facebook-square" style="font-size:36px; color:#242752; padding:0px 5px;"></i></a>
	<a href="#"><i class="fa fa-google-plus-square" style="font-size:36px; color:#242752; padding:0px 5px;"></i></a>
	<a href="#"><i class="	fa fa-instagram" style="font-size:36px; color:#242752; padding:0px 5px;"></i></a>
              </ul>
            </div>
          </article>
          <!-- // End of .span12-->
        </div>
        <!-- // End of .row -->
        <div class="row">
          <article class="offset4 span4 text-center">
            <div id="fname"  class="alert alert-error error add-top"> Name must not be empty. </div>
            <div id="fmail" class="alert alert-error  error add-top"> Please provide a valid email. </div>
            <div id="fmsg" class="alert alert-error  error add-top"> Message should not be empty. </div>
          </article>
        </div>
        <div class="row ">
          <form name="myform" id="contactForm" action="http://www.designova.net/realm/sendcontact.php" enctype="multipart/form-data" method="post">
            <div class="row">
              <article class="offset4 span4">
                <input class="cnt-input" size="100" type="text" name="name" id="name" placeholder="Name">
                <input class="cnt-input" type="text"  size="30" id="email" name="email" placeholder="Email">
              </article>
            </div>
            <div class="row">
              <article class="offset4 span4 btn-realm-alt">
                <div>
                  <textarea id="msg" rows="3" cols="40" name="message" class="" placeholder="Message*"></textarea>
                </div>
              </article>
            </div>
            <div class="row">
              <article class="offset4 span4 btn-realm-alt">
                <div class="contact-style">
                  <button type="submit" name="submit" id="submit" class="btn add-top-half">Go</button>
                </div>
              </article>
            </div>
          </form>
        </div>
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
  <!-- // End of .container-fluid -->
</div>
<!-- // End of #contact page -->
<!-- contact page ends -->
<!-- Get ready starts -->
<!--<div id="get-ready" class="page">
  <section class="container-fluid ready-bg">
    <div class="row-fluid">
      <section class="container">
        <div class="row">
          <article class= "span8">
            <div>
              <p class="ready-main">Don't miss any of our news and updates</p>
              <p class="ready-sub">Sign up for monthly newsletters</p>
            </div>
          </article>
        
          
          <article class= "span4 top-space">
            <div><a class="button" href="#">Register Today</a></div>
          </article>
        
          
        </div>
  
      </section>
    
    </div>
 
  </section>

</div>-->
<!-- Get ready ends -->
<!-- Footer starts -->
<div id="footer">
  <section class="container-fluid">
    <div class="row-fluid">
      <section class="container">
        <div class="row">
          <article class= "span12">
            <div class = "copyright">
              <p>Copyright &copy; 2018 St. Froebel Senior Secondary School.&nbsp; Powered By:
			  <a href="http://sudhamrit.com/" target="_blank" style="color:#fff;" >SUDHĀMRIT</a></p>
            </div>
          </article>
          <!-- // End of .span12-->
          <!-- // End of .span12-->
        </div>
        <!-- // End of .row -->
      </section>
      <!-- // End of .container -->
    </div>
    <!-- // End of .row-fluid -->
  </section>
  <!-- // End of .container-fluid -->
</div>
<!-- // End of #footer -->
<!-- Footer ends -->
<!--models-start  -->

<div id="myModal-book" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="top: 10%;">
  <div class="">
    <button type="button" class="close btc" data-dismiss="modal" aria-hidden="true">×</button>
	

     
  </div>

  <div class="row">
  <h3 class="sy3">BOOK LIST</h3>
  
  <ul class="syl">
  <li><img src="img/syllabus/download.png"> <a href="pdf/book/CLASS-I.pdf" target="_blank">Class I </a></li>
  <li><img src="img/syllabus/download.png"> <a href="pdf/book/CLASS-II.pdf" target="_blank">Class II </a></li>
 <li><img src="img/syllabus/download.png"> <a href="pdf/book/CLASS-III.pdf" target="_blank">Class III </a></li>
  <li><img src="img/syllabus/download.png"> <a href="pdf/book/CLASS-IV.pdf" target="_blank">Class IV </a></li>
  <li><img src="img/syllabus/download.png"> <a href="pdf/book/CLASS-V.pdf" target="_blank">Class V </a></li>
  <li><img src="img/syllabus/download.png"> <a href="pdf/book/CLASS-VI.pdf" target="_blank">Class VI </a></li>
  <li><img src="img/syllabus/download.png"> <a href="pdf/book/CLASS-VII.pdf" target="_blank">Class VII </a></li>
 <li><img src="img/syllabus/download.png"> <a href="pdf/book/CLASS-VIII.pdf" target="_blank">Class VIII </a></li>
 
  
  </ul>
			
          
		
		
          </div>
 
</div>

















<div id="myModal" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="top: 0%;">
  <div class="">
    <button type="button" class="close btc" data-dismiss="modal" aria-hidden="true">×</button>
	

     
  </div>

  <div class="row">
  <h3 class="sy3">SYLLABUS</h3>
  
  <ul class="syl">
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/Class-I.pdf" target="_blank">Class I </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/Class-II.pdf" target="_blank">Class II </a></li>
 <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/Class-III.pdf" target="_blank">Class III </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/Class-IV.pdf" target="_blank">Class IV </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/Class-V.pdf" target="_blank">Class V </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/Class-VI.pdf" target="_blank">Class VI </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/Class-VII.pdf" target="_blank">Class VII </a></li>
 <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/Class-VIII.pdf" target="_blank">Class VIII </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/11-Commerce-Full.pdf" target="_blank">11 Commerce Full </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/11-Humanities-Full.pdf" target="_blank">11 Humanities Full </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/11-Science-Full.pdf" target="_blank">11 Science Full </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/12-Commerce.pdf" target="_blank">12 Commerce </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/12-Humanities.pdf" target="_blank">12 Humanities </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/12-Science.pdf" target="_blank">12 Science </a></li>
  
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/PRE-PRIMARY-2018-19.pdf" target="_blank">PRE PRIMARY - 2018-19 </a></li>
  <li><img src="img/syllabus/download.png"> <a href="img/syllabus/updatedsyllabus/PRE-SCHOOL-2018-19.pdf" target="_blank">PRE SCHOOL - 2018-19 </a></li>
  
  </ul>
			
          
		
		
          </div>
 
</div>
<style>
h3.sy3{    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background: rgba(189, 206, 193, 0.75);
}

ul.syl {
    padding: 0;
}
ul.syl li {
    list-style: none;
        padding: 8px 20px;
    background: #242752;
    border-bottom: 1px solid #ffffff;
}
button.btc {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    color: #fff;
    opacity: 9;
    font-size: 30px;
    font-weight: 400;
}
div#myModal {
    border: 1px solid #ccc;
    padding: 5px;
}

</style>

<div id="myModal08" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>SEAS GLOBAL WOMEN ACHIEVERS</h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">Dr. Ragini Kaul, the most familiar name in the education world was in the news recently when she received another coveted award “Global Women Achievers Award - The Educational Reformer of the century” by SEAS Global Women Achievers Awards on 19th January 2019 at Dehradun. 40 women achievers across the country were awarded from different walks of life, Bollywood, medicine, entertainment industry – to name a few. With a mission of excellence in academics, inspiring hope, igniting the imagination, instilling values and spreading joy among the students, she has become a perfect role model for everyone. Dr. RaginiKaul has to her credit an immense reservoir of administrative experience of many years. With her keen involvement in curriculum and her firm faith in diligence she continues to lead the school towards excellence in every respect. The school feels elated and is proud of her excellence. The school fraternity and the management conveyed their sincere congratulation and wished her all the best for her future endeavors.</h5>
  
    
  </div>
  
  
  
  
</div>

<div id="myModal09" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>Award for Excellence in Parent Connect Program</h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">The desire to change the world and to make it a better place for everyone is possible through education of children. It is next to impossible to change adults since habits, thought patterns and approach to life become inflexible with age. Through purity of intention and synergistic approach of both parents and the school we can light the fire of desire in children’s heart and inspire them to take up a decision making global career and dedicate life to changing the world and make it a better place for everyone. Hence parent connect is a must. Communicating well is a key factor for making parent-teacher relationship work positively. At SFS, parent teacher relationship is admired and respected. Parent connect programme helps to strengthen the bond and develop communication. We always endeavour to involve the parents in all our plans and activities. This effort was highly appreciated when school received “India K-12 Awards 2019 for Excellence in Parent Connect Programs”. This award was received by the principal 
  
  
  
  
  
  
   at an elaborateed ceremony held at Eros Hotel, New Delhi, conferred by Eldrok India K-12 Summit held on 23 January 2019.</h5>
  
    
  </div>
  
  
  
  
</div>


<div id="myModal10" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>S.F.S. NOBLE DEEDS</h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">Embracing the legacy of philanthropy, SFS engaged itself to the service of humanity. As some said Tell me and I will forget, show me and I may remember, involve me and I’ll understand. This is a simple way for getting children involved to understand the challenges of the world they’re going to inherit. The school came forward for a noble cause and donated ₹17,200 to Delhi State Armed Forces and ₹10,000 to The National Foundation for communal harmony, to show solidarity in the how of need, S.F.S. is always a step ahead.</h5>
  
    
  </div>
  
  
  
  
</div>


<div id="myModal01" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>TCS IT WIZ INTER SCHOOL COMPETITION</h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">I feel elated to share that the prestigious TCS conducted a state level TCS IT Wiz Inter school competition across Delhi state n 1100 plus students participated on 17th November at I.I.T. Delhi.<br><br>
<strong>Now hold your breath !!</strong><br><br>
St. Froebel bagged 2nd position... the brain behind it is our very own class 12th student Khush Ramdev and a team of students
The event was<strong> “Tweetporting”</strong>  <br><br>
Congratulations to team S.F.S.!!</h5>
  
    
  </div>
  
  
  
  
</div>

<div id="myModal02" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>S.F.S. WINNING STREAK</h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">St. Froebel’s bulletin board sparkled brightly while flashing the news of accomplishments, success and triumph of students at various competition and activities organized by Delhi Administrations and reputed schools. ‘He who dares wins’. This belief along with practice, perfection and perseverance had been catalyst behind every froebelian’s success story. Students from classes VI to XII participated enthusiastically in various events and showcased their talent, techniques and agility. The school is the proud recipient of first position in English Debate, Vocal classical singing, Badminton, Basketball and Paper Mache. Kudo’s to the students who brought laurels to school by winning second and third position in the events like Recitation, Basketball, Table Tennis etc. Two Maths genius of the school Keshav Arya and Divya of class XI were felicitated with special prize in Maths.</h5>
  
    
  </div>
  
  
  
  
</div>


<div id="myModal03" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>IN THE PURSUIT OF EXCELLENCE</h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">It was indeed a matter of great pride for all froebelians to be awarded with the prestigious<strong> NATIONAL TEACHING EXCELLENCE AWARD 2018
  </strong> by the board of Governors of Educational Standard and Testing Council of India and Confederation of Indian Universities. The award was conferred upon St. Froebel School. Its Chairperson Mr. Sanjay Tyagi, the Principal <!--Dr. Ragini Kaul--> and five Teachers Ms. Ranjana Sehgal, Ms. Mita Bose, Ms. Bhanu Vij, Ms. Anshu Bansal and Ms. Inderpreet Kaur and seven students Saanvi Mishra, Nikita Bhutani, Parul Sharma, Nancy, Yashika Bansiwal, Pratishtha Monga and Yashika Malhotra by Dr. P R Trivedi, President Patron, CIU in the presence of Chief Guest, Honourable, Governor of Tripura Prof. Kaptan Singh Solanki and Venezuela’s Ambassador Augusto Montiel. Shortlisted schools were presented the award. St. Froebel is constantly striving for perfection and excellence infusing life and relevance into the education experience of every child. This brilliant achievement will inspire the school to achieve many more milestones in future. It will continue to play a cardinal role in building up of the character of the next generation, kindling the young minds to aspire.
 
</h5>
  
    
  </div>
  
  
  
  
</div>


<div id="myModal04" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>INSPIRATIONAL  IMPRINT</h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">The Principal of St. Froebel  School, Paschim Vihar, Dr. Ragini Kaul is a passionate, thoughtful, dedicated and renowned educationist awarded with numerous awards. Recently she has been awarded with the coveted Excellence Award for her contribution in the field of education by Heart Care Foundation of India. The award was conferred by the Padmashri Dr. K. K. Aggarwal and Controller Examination of CBSE Mr. Sanyam Bhardwaj. Dr. Kaul makes a powerful impact on the students by creating a positive culture within the school. She has created a teamfull of great morale and strong core value. She is no stranger to awards. She has been recognised several times for her outstanding contribution in the field of education. This award is a further recognition of her commitment to the cause of education and philanthropic and altruistic deeds. She is a dynamic Principal and visionary leader striving to enlighten the world with the power of knowledge. Her entrepreneurship, academic and administrative skills are an example for others. The school feels elated and is proud of her excellence. The school fraternity and the management conveyed their heartiest congratulations and wish her all the best for her future endeavour.
 
</h5>
  
    
  </div>
  
  
  
  
</div>

<div id="myModal05" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>THE PRESTIGIOUS DRONA AWARD</h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">The unceasing winning of awards, medals, trophies and accolades has put Dr. Ragini Kaul, the principal of St. Froebel School into the category of those who get up early morning and make it happen every day.<br><br>

It is a matter of great pride for everyone at St. Froebel that Dr. Kaul has been chosen as the recipient of 100 Highly Effective Principals 2018 Award organised by Vice chancellor of S.R.M. University and M.P. Shri. Manoj Tiwari. She was awarded in an elaborated ceremony conducted on 14 Dec in Metropolitan Hotel.
<br><br>
Over the years she has enriched students with value of love, kindness and patience to enable them to grow into strong and perfect human being.
<br><br>
She always endeavours to fill the life students and staff with a halo of positivity.
 
</h5>
  
    
  </div>
  
  
  
  
</div>

<div id="myModal06" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	<h4>FROEBEL'S MASTER STROKE </h4>
  </div>
  <div class="modal-body">
  <h5 style="line-height: 1.8;">St. Froebel School has been ranked number 1 amongst the most deserving schools in India by Education Today - one of the leading education portals. The school has been awarded the certificate of Achievement India’s Top CBSE Schools parameter wise. The award was received by Mr. Yash Tyagi - the Director of the school on 8th December 2018. The school was felicitated amidst grand celebration in Bengaluru. The panel consisted of eminent personalities from education fraternity with a vision for excellence in education. The ranking considered various parameters like Academic Reputation, Co-curricular Education, Holistic Development, Sports Achievement, Infrastructure, Innovative Teaching, Special Need Education etc. The chairman of the school Mr. Sanjay Tyagi Ji congratulated the principal <!--Dr. Ragini Kaul-->, the staff, students and parents on this remarkable achievement enjoined them to continue their efforts to make the school a centre of excellence. It is a glorifying and exalting moment for the entire SFS family.
</h5>
  
    
  </div>
  
  
  
  
</div>








<div id="myModals" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     
  
  <iframe src="https://docs.google.com/viewer?url=http://stfroebelschool.com/sfs/img/syllabus/Policy-for-academic-year-2018.pdf&embedded=true" style="width:100%; height:500px;" frameborder="0"></iframe>
  </div>
  

</div>



<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h4>About Us</h4>
  </div>
  <div class="modal-body">
    <p>St. Froebel Senior Secondary School is a professionally managed educational institution committed to establish new standards in the field of education. It is under the aegis of St. Froebel Education Society (Regd.), which was founded in April 1985 by a cohesive and like-minded team of educationists, having decades of experience in educational planning and administration both in India and Abroad. Aiming at imparting purposeful education to the wards of aspirant parents, the management has put into practice the message of Fredrich Froebel, the founder father of German Kinder Garten namely, "CHILD IS THE SEED IN THE GARDEN OF ENVIRONMENT". </p>
  </div>
  <div class="modal-header">
    <h4 class="modal-title">Aim of the School</h4>
  </div>
  <div class="modal-body">
    <p>St. Froebel School from its very inception has emphasized on its aim to inculcate the spirit of self-reliance, an innate desire for learning as a continuous process and decent social behaviour among the students. A healthy synthesis of ancient Indian Wisdom and Modernity has been the keyword for the students, whose all-round personality development echoes in the integration of the three: good health, good moral character and a keen sense of observation besides excellence in studies. The essential ingredients of a good personality, decent social behaviour and scientific tempo, is  what the school stands for. </p>
  </div>
 <!-- <div class="modal-header">
    <h4 class="modal-title">Dr. Ragini Kaul - The Principal.</h4>
  </div>
  <div class="modal-body">
    <p>It's with great warmth in my heart that I pen down this message for our readers. Education has revolutionized especially in the last decade and with it has risen the responsibilities on the schools to provide skill based education, which empowers students. We have entered the 4th stage of Educational Revolution, we are living an era of machine learning and Artificial Intelligence. Therefore, the present education system has to be skilled based, where the students on leaving the portals of the school, are competent enough to handle themselves. <br>
      The skill of critical thinking and problem solving are of the utmost importance.<br>
      The challenges are many, but the opportunities are many more. Therefore, there's a dire need to brace ourselves to impart world class education. We stand committed as a team to give nothing but the best to children under our care. We consider our parents, our co-partners and expect them to be involved in all our endeavours. </p>
  </div>-->
</div>
<div id="myModal1" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <h4>What is expected of every parent to understand and imply?</h4>
  </div>
  <div class="modal-body">
    <p>See that your child comes in complete uniform and reaches the school well in time.Froebelian Send your child neatly dressed to school. Many are the cases when the uniform of the child is checked and he/she is not found to be in proper uniform. Your child should not be one among them.</p>
    <p>Once the child comes to the school, he/she will not be allowed to leave the school before the school gets over. Hence requests for half day leave short leave etc. will not be entertained normally, except on any medical ground.</p>
    <p>Kindly note: you are not allowed to see your child or meet the teachers during school hours except with prior permission of the Principal/ Incharge. You can meet any teacher by seeking a prior appointment through the diary. However, parents/guardian may not visit the ward(s) or teacher in the classrooms. </p>
  </div>
  <div class="modal-body">
    <p>Please note that absence of your child from class for attending social functions is discouraged because it retards the child's progress and minimizes his interest in regular hard work. It is essential that the school be informed when the child is absent Ensure that your child should do his homework by himself. He should not be helped in it by you or by tutors unless he really needs. It is important that the child develops a habit of studying and working on his own.</p>
    <p>The school reserves to itself the right to dismiss the students whose diligence or progress in studies is unsatisfactory, whose conduct is harmful to the other students or whose parents/guardians show little interest in the progress of their wards. Immorality/grave insubordination / contempt of authority / disrespect towards the members of the staff/ willful damage to property is always a sufficient reason for immediate dismissal. </p>
    <p>Kindly co-operate with the school authorities in developing regularity and discipline and observing and rules of the school laid down from time to time. Your active cooperation in all school activities will be appreciated. Teacher's remarks must be checked and signed by the parents. Parents can communicate their message through the diary.</p>
    <p>Student should be regular in attending school. Please also note that eligibility for appearing in school and board exams is 75% attendance. Indiscipline and violation of the school rules will be seriously viewed and strictly dealt with. In case of sick leave, medical certificate must be produced. Leave particulars should be                                                                noted in the diary by the parents.</p>
  </div>
  <div class="modal-body">
    <p>Students are required to return library books in time for further circulation so that benefits of the library be equally shared by all the students. Books, magazines or newspapers shall not be taken out of the school library unless duly got issued.</p>
    <br>
    <p>All homework should be done neatly and without delay and it should be dated. Students who come continuously to school late for three or more times will be sent back home at the risk of the parents.</p>
    <br>
    <p>Please inform the school if there is any change in residential address or phone number. Students suffering from infectious disease should not be sent to school. Fitness certificate must be produced at the time of re-joining.<br>
      If a child is suspended from attending the school for the first time, he/she shall be re-instated only on the written undertaking of the parents.</p>
  </div>
  <div class="modal-header">
    <h4>What is expected from every froebelian?</h4>
  </div>
  <div class="modal-body">
    <p>They should make strong endeavour to attain physical, mental, moral and spiritual growth.</p>
    <p>They should always be friendly in the school and outside. They should respect the right of others, and not be vulgar in talk or behavior.</p>
    <p>They should accept whatever work is assigned to them as their rightful share and overcome difficulties courageously.</p>
    <p>They should observe personal cleanliness, develop a cosmopolitan outlook and keep the school premises neat and clean. </p>
  </div>
  <div class="modal-body">
    <p>They should wish when any teacher or visitor comes to talk to them both in class and outside.</p>
    <p>They should lend a helping hand at home to parents, brothers and sisters and in School to their teachers, school fellows and to all those who need their help.</p>
    <p>Instead of lamenting and grumbling about evils of the world, they should try to contribute their best in making it a better place to live in. They should be optimistic and should have a positive attitude.</p>
  </div>
  <div class="modal-body">
    <p>They should take pride in wearing school uniform and should always be clean and tidy.</p>
    <p>Pupil who absent themself on the previous day must get the leave application form filled up from the parents in his/her diary and get it countersigned by the class teacher every time.</p>
    <p>Silence must be observed in the School in the class. All official communication with staff and management must be made through the reception.</p>
    <p>Being a student of a reputed public school, every effort should be made to speak in English, while communicating with students and teachers.</p>
    <p>They should put in all efforts to become a good & civilized citizen of India.</p>
  </div>
</div>
<style>
.modal.fade.in {
    width: 70%;
    left: 34%;
    overflow: auto;
    padding: 19px;
    height: 550px;
        top: 7%;
}
.modal-body {
    padding-left: 20px;
}

a.mm{background: #242752;
    color: #fff;
    text-shadow: none;
    border: none !important;
    padding: 11px;
    border: 3px solid #000 !important;
        font-family: "Open_Sans_L";
        -webkit-transition: all .3s;
    border-radius: 0;}
</style>
<!-- JS
	================================================== -->
<!-- jQuery Library File -->
<script src="javascripts/jquery-1.7.2.min.js"></script>
<script src="javascripts/jquery.easing.1.3.js"></script>
<!-- Bootstrap JS Files -->
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-alert.js"></script>
<script src="assets/js/bootstrap-modal.js"></script>
<!--<script src="assets/js/bootstrap-dropdown.js"></script>-->
<script src="assets/js/bootstrap-scrollspy.js"></script>
<script src="assets/js/bootstrap-tab.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/bootstrap-button.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/bootstrap-carousel.js"></script>
<script src="assets/js/bootstrap-typeahead.js"></script>
<script src="assets/js/bootstrap-affix.js"></script>
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/responsive-nav.js"></script>
<!--<script src="javascripts/supersized.3.2.7.js"></script>
<script src="javascripts/supersized.shutter.js"></script>-->
<script src="javascripts/jquery.prettyPhoto.js"></script>
<script src="javascripts/jquery.isotope.min.js"></script>
<script src="javascripts/jquery.flickr.js"></script>
<script src="javascripts/jquery.stellar.js"></script>
<script src="javascripts/jquery.flexslider.js"></script>
<script src="javascripts/form-validation.js"></script>
<!-- Custom JS Files -->
<script src="javascripts/script.js" type="text/javascript"></script>
<script>
        var navigation = responsiveNav("#nav", { // Selector: The ID of the wrapper
          animate: true, // Boolean: Use CSS3 transitions, true or false
          transition: 400, // Integer: Speed of the transition, in milliseconds
          label: "Menu", // String: Label for the navigation toggle
          insert: "after", // String: Insert the toggle before or after the navigation
          customToggle: "", // Selector: Specify the ID of a custom toggle
          openPos: "relative", // String: Position of the opened nav, relative or static
          jsClass: "js", // String: 'JS enabled' class which is added to <html> el
          init: function(){}, // Function: Init callback
          open: function(){}, // Function: Open callback
          close: function(){} // Function: Close callback
        });
    </script>
<!-- Inline jQuery Codes -->
<!-- supersized jquery code - Full screen BG slider -->

<script>
		//Masonry Filterable Portfolio
		    $(function(){
		      
		      var $container = $('#container');

		      $container.isotope({
		        itemSelector : '.element',
		        layoutMode : 'masonry' 
		      });
		      
		      
		      var $optionSets = $('#options .option-set'),
		          $optionLinks = $optionSets.find('a');

		      $optionLinks.click(function(){
		        var $this = $(this);
		        // don't proceed if already selected
		        if ( $this.hasClass('selected') ) {
		          return false;
		        }
		        var $optionSet = $this.parents('.option-set');
		        $optionSet.find('.selected').removeClass('selected');
		        $this.addClass('selected');
		  
		        // make option object dynamically, i.e. { filter: '.my-filter-class' }
		        var options = {},
		            key = $optionSet.attr('data-option-key'),
		            value = $this.attr('data-option-value');
		        // parse 'false' as false boolean
		        value = value === 'false' ? false : value;
		        options[ key ] = value;
		        if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
		          // changes in layout modes need extra logic
		          changeLayoutMode( $this, options )
		        } else {
		          // creativewise, apply new options
		          $container.isotope( options );
		        }
		        
		        return false;
		      });
		     
		    });

			/*var playing = false;
var audioElm = $('#soundTour').get(0);
$(window).scroll(function() {
  var pageScroll = $(window).scrollTop();
  if(!playing && pageScroll > 500 && pageScroll < 3000){
    audioElm.play();
    playing = true;
  }else if(pageScroll > 3000 || pageScroll < 500){
    audioElm.pause();
    playing = false;
  }
});
*/
</script>
<! --<script src="javascripts/retina.js"></script>-->
</body>
</html>

