HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/sataun/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SARASWATI VIDYA MANDIR HIGH SCHOOL SATAUN	</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="css/grid.min.css" rel="stylesheet">
	
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet"> 
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 

	 <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all"> 

  
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>	
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});
</script>
    
</head>
<body>  
<header class="header">
  <section class="top-sec">    
    <div class="container">
      <div class="row">
        
        <div class="col-sm-7 text-left">
		  <div class="phn-detail">
		    <ul>
			<li class="hidden"><a href="tel:+91 98058-51054" class="btn"><i class="fa fa-phone" aria-hidden="true"></i> +91 98058-51054</a></li>
            <li><a href="#" class="btn"><i class="fa fa-users" aria-hidden="true"></i> Admission</a></li>      
            <li><a href="#" class="btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Downloads</a></li>      
          </ul>
		  </div>
        </div>
        
        <div class="col-sm-5 text-right">
          <div class="icon-top">
		    <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>            
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a> 			
            <a href="#" target="_blank"><i class="fa fa-whatsapp"></i></a> 			
		  </div>
		  
		  <div class="phone-call"><a href="tel:+91 98058-51054" class="btn"><i class="fa fa-phone"></i>+91 98058-51054</a></div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">		  
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <a class="navbar-brand nav-logo" href="#"><img src="images/logo-1.png" alt="image"></a>
		  <button class="openbtn" onclick="openNav()">&#9776;</button>
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="index.html">Home</a></li>
			<li><a href="about.html">About Us</a></li>
		 
			<li><a href="admission.html">Admission</a></li>
			<li><a href="facilities.html">Facilities</a></li>
            <li class="li-arrow"><a href="faculty.html">Faculty</a>            
              <ul class="sub-menu">
             	<li><a href="parental.html">Parental Cooperation</a></li>	
			   </ul> 
            </li>								
			<li><a href="activities.html">Activities</a></li>
			<li><a href="gallery.html">Gallery</a></li>	
							
			<li><a href="contact.html">Contact Us</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>

	  <div id="myOffcanvas" class="offcanvas">
		<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
		<div class="offcanvas-content">
		  <!-- Your menu items or additional content goes here -->
		  <ul class="nav navbar-nav">
            <li><a href="index.html">Home</a></li>
			<li><a href="about.html">About Us</a></li>
		 
			<li><a href="admission.html">Admission</a></li>
			<li><a href="facilities.html">Facilities</a></li>
            <li class="li-arrow"><a href="faculty.html">Faculty</a>            
              <ul class="sub-menu">
             	<li><a href="parental.html">Parental Cooperation</a></li>	
			   </ul> 
            </li>								
			<li><a href="activities.html">Activities</a></li>
			<li><a href="gallery.html">Gallery</a></li>	
							
			<li><a href="contact.html">Contact Us</a></li>
          </ul>
		</div>
	  </div>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">    
    <!-- Wrapper For Slides -->
    <div class="carousel-inner" role="listbox">
      <!-- Third Slide -->
      <div class="item active">
        <div class="slide-text">
          <div class="container">
            <div class="row">
			
			  <div class="col-sm-12 banner-left">
                <h1 data-animation="animated fadeInDown">SARASWATI VIDYA MANDIR HIGH SCHOOL SATAUN</h1>
				<p data-animation="animated fadeInDown">Saraswati Vidya Mandir High School sataun Affiliated to Himachal Shiksha samiti . </p>
				<p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Apply Now</a></p>
              </div>
			
	
            </div><!-- row -->
          </div>
        </div><!--/ slide-text -->
      </div><!-- End of Slide --> 
	  
	  <div class="item">
		<div class="slide-text">
			<div class="container">
			  <div class="row">
			  
				<div class="col-sm-12 banner-left">
				  <h1 data-animation="animated fadeInDown">SARASWATI VIDYA MANDIR HIGH SCHOOL SATAUN</h1>
				  <p data-animation="animated fadeInDown">Saraswati Vidya Mandir High School sataun Affiliated to Himachal Shiksha samiti . </p>
				  <p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Apply Now</a></p>
				</div>
			  
	  
			  </div><!-- row -->
			</div>
		  </div><!--/ slide-text -->
      </div><!-- End of Slide -->           
    
	  <div class="item">
		<div class="slide-text">
			<div class="container">
			  <div class="row">
			  
				<div class="col-sm-12 banner-left">
				  <h1 data-animation="animated fadeInDown">SARASWATI VIDYA MANDIR HIGH SCHOOL SATAUN</h1>
				  <p data-animation="animated fadeInDown">Saraswati Vidya Mandir High School sataun Affiliated to Himachal Shiksha samiti . </p>
				  <p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Apply Now</a></p>
				</div>
			  </div><!-- row -->
			</div>
		  </div><!--/ slide-text -->
      </div><!-- End of Slide -->     
    </div><!-- End of Wrapper For Slides -->
    
    <!-- Left Control -->
    <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
    
    <!-- Right Control -->
    <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
    	
  </div> <!-- End  bootstrap-touch-slider Slider -->    
  
  <div class="curve-shape"><img src="images/bg-01.png" alt="image"></div>  
</section>

 
<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-8 about-left pull-right">
	    <h2><span>Welcome to </span>Saraswati Vidya Mandir High School sataun</h2>
		<p>Saraswati Vidya Mandir High School sataun Affiliated to Himachal Shiksha samiti . School Follows the activity calendar every year. Seven Compulsory Programme-Annual function, Sports day, Parents meeting, Bharat mata poojan, March past, Physical education, Yoga activity, Music activities and Ten minutes daily exercise and School also follows the Programme and direction Given by the Himachal shiksha samiti every year.</p>
		
		<p><a href="about.html" class="btn"><span>View More <i class="fa fa-angle-double-right" aria-hidden="true"></i></span></a></p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 about-right">
	    <figure>
		  <img class="thumbnail" src="images/about.jpg" alt="">
	
		</figure>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->

<section class="counter-sec">
	<div class="container">
	  <div class="row" id="counter">
	  
		<div class="col-sm-3 counter-Txt">
		<div class="counter-padd">
		  <figure><img src="images/counter-01.png" alt="images"></figure>
		  <div>
			<h4>Professionals  <br> Team</h4>
			<span class="counter-value" data-count="50">0</span><span>+</span>
		  </div>
		</div>
		</div>
		
		<div class="col-sm-3 counter-Txt">
		<div class="counter-padd">
		  <figure><img src="images/counter-02.png" alt="images"></figure>
		  <div>
			<h4>Student <br>Results</h4>
			<span class="counter-value" data-count="100">0</span><span>%</span>
		  </div>
		</div>
		</div>
		
		<div class="col-sm-3 counter-Txt">
		<div class="counter-padd">
		  <figure><img src="images/counter-03.png" alt="images"></figure>
		  <div>
			<h4>Student Satisfaction</h4>
			<span class="counter-value" data-count="100">0</span><span>%</span>
		  </div>
		</div>
		</div>
		
		<div class="col-sm-3 counter-Txt">
		<div class="counter-padd">
		  <figure><img src="images/counter-04.png" alt="images"></figure>
		  <div>
			<h4>Years of <br> experience</h4>
			<span class="counter-value" data-count="15">0</span> <span>%</span>
		  </div>
		</div>
		</div>
  
	  </div><!--/ row --> 
	</div>
  </section><!--/ counter-sec -->  

<section class="Find-Out-More">
  <div class="container">
    <div class="row">
      	  
	  <div class="col-sm-12 fom-top">
	    <h2> About Us</h2>
		 
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 fom-bottom">
	  <div class="tabs-background">
	    <ul class="nav nav-tabs">
		  <li class="active"><a data-toggle="tab" href="#mission-vision">Why We are the BEST?</a></li>
		  <li><a data-toggle="tab" href="#notification">Notifications</a></li>
		  <li><a data-toggle="tab" href="#history">Rules & Regulations</a></li>
		</ul>
		
		<div class="tab-content">
		  <div id="mission-vision" class="tab-pane fade in active">
			<div class="row why-choose">
				
			  <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa-users" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>Academic Programming</h4>
				    <p>Hope Academy offers a comprehensive curriculum aligned with Connecticut State Standards.</p>
				  </div>
				</div>
			  </div><!--/ wc-col -->
			  
			  <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa-book" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>Transition Services
						</h4>
				    <p>In working with even our youngest students, we have their long-term future in mind.</p>
				  </div>
				</div>
			  </div><!--/ wc-col -->
			  
			  <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa fa-clock-o" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>Therapeutic Approach</h4>
				    <p>Our Therapeutic Approach is what makes Hope Academy a truly unique school environment for our students.</p>
				  </div>
				</div>
			  </div><!--/ wc-col -->
			  
			 <!-- <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa-edit" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>Answer Writing Sessions</h4>
				    <p>Answer writing practice to excel in mains for best score. Writing strategies, understanding Question, writing suitable answer, time management and all.</p>
				  </div>
				</div>
			  </div> -->
			  
			  <div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa-newspaper-o" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>School Engagement Services</h4>
				    <p>We recognize that school is not easy for many students. For some students, it is simply overwhelming.</p>
				  </div>
				</div>
			  </div><!--/ wc-col -->
			  
			  <!--<div class="col-sm-6 wc-col">
			    <div class="wc-box">
				  <figure><i class="fa fa-history" aria-hidden="true"></i></figure>
			      <div class="wc-padd">
			        <h4>24 Hours Assistance</h4>
				    <p>Expert Team of CS Mentors IAS Academy is always available to guide you through whatsapp, call or messenger. Each of our student is special for us and we are always ready to assist one in studies.</p>
				  </div>
				</div>
			  </div>  -->
			</div><!--/ row --><!--/ row -->
	     </div>
		 
		 <div id="notification" class="tab-pane fade">			
		    <div class="why-choose">			
			  <ul>
				<marquee width="100%" direction="up" height="580px">
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
				<li>Daily current affairs handout to cover the static portion of day to day current issues.</li>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
				<li>Separate class to guide students on, How to read News Papers for preparing current affairs.</li>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
				<li>Answer writing practice with personal assistance.</li>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
				<li>24 hrs assistance to our students by our experts through whatsapp, call, messenger or messages.</li>
			</marquee>
			  </ul>
		    </div>
		  </div>
		 
		 <div id="history" class="tab-pane fade">
           <div class="history-row">
          <ul>
 	<li>The students should be regular and punctual. They should reach school at least 5 minutes before the assembly bell.</li>
 	<li>
Student’s diary and books according to the time table must be brought to school every day.</li>
 	<li>
Children should come in proper school uniform and must wear their identity card.</li>
 	<li>
Students are not supposed to sing movie songs in the school or class activity.</li>
 	<li>
Mobile phones and other electronic gadgets are not allowed in the school.</li>
 	<li>
Students can come on motorbikes and scooters only if they have a license. They must use helmets which is mandatory.</li>
 	<li>
Students must bring proper, healthy and nutritious food.</li>
 	<li>
Wearing of jewellery, valuable articles and cosmetics is not permitted.</li>
 	<li>
Students must pay attention to personal hygiene.</li>
 	<li>
Use of abusive language, quarrelsome behaviour, shouting and whistling is not allowed.</li>
 	<li>
The language of interaction with each other is only English (Hindi for Hindi classes only) All Second Saturdays will remain off for students of classes I to XII.</li>
 	<li>
All the students shall attend the school on the opening day, after the vacation. An absence without prior leave application immediately renders the students liable to dismissal.</li>
 	<li>
The students shall be neatly and tidily dressed in the prescribed uniform.
Students shall sit quietly in the class till the teacher arrives. They will observe perfect silence when the class is in progress. They shall not make noise in the corridors or loiter around.</li>
 	<li>
Students are expected to be courteous, polite, well mannered, honest, truthful, respectful and obedient toward the teachers, all elders and visitors.</li>
</ul>
		   </div><!--/ history-row -->
        </div>
      </div>
	  
    </div><!--/ tabs-background -->
    </div><!--/ col-sm -->
         
    </div><!--/ row -->	
  </div>
</section><!--/ find-out-more -->


 <section class="promo-area">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 promo-col">
	    <h2><span>Services We Offer</span></h2>
	  </div>
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/has-img.png" alt="Image"></figure>
		  <h3>Library</h3>
		  <p>Sitting Facility & 367 books available.......</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/hcs-img.png" alt="Image"></figure>
		  <h3> Computer Room</h3>
		  <p>One room, Two computers, Printer & photostate available...</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/pcs-img.png" alt="Image"></figure>
		  <h3>Science Lab</h3>
		  <p> Science Lab available as standard of High school LAB...</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/ias-img.png" alt="Image"></figure>
		  <h3>Play Ground</h3>
		  <p>Facility is available & playground is Hired....</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
			
    </div> 
  </div>
</section> 

<section class="top-selections">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left">
	    <h2><span>Lorem Ipsum</span>State Toppers</h2>
	  </div>
	  
	  <div class="col-sm-12 grid-left pad-0">		 
		<div id="owl-demo-2">
		
		  <div class="item"><figure><img src="images/st1.png" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/st2.jpg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/st3.jpg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/st4.png" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/st5.png" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/st7.jpg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/st8.png" alt=""></figure></div><!--/ item -->
	
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ top-selections  -->

<section class="tag-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12 tag-col">
	    <h2><span>From Principal's Desk</span></h2>
		 
		<p>The objective behind establishing this school is to provide the quality education to the children of the area at very affordable costs. The emphasis here will be on learning and not cramming, which unfortunately, has got integrated I our present system of education.</p>
		 
	  </div><!--/ tag-col -->	 	  
     
    </div><!--/ row --> 
  </div>
</section>
<section class="service-sec">
	<div class="container">
	  <div class="row">
		
		<div class="col-sm-12">
		  <h2><span>Students feedback</span>What Our Students Say About Us</h2>
		</div>
		
		<div class="col-sm-12 pad-0">
		  <div id="owl-demo">
		  
			<div class="item">		  
			  <div class="service-box">
				<div class="service-author">
				  <figure><img src="images/dummy.jpg" alt=""></figure>
				  <h4>Sh. Babu Ram <span> </span></h4>
				</div>
				<div class="item-bg"> 
				  <p>I appreciate the dedicated teachers and their commitment to our education. However, I would love to see more interactive and hands-on learning experiences to make classes more engaging.</p>
				</div>
			  </div>
			</div><!--/ item -->
			
			<div class="item">		  
			  <div class="service-box">
				<div class="service-author">
				  <figure><img src="images/female.jpg" alt=""></figure>
				  <h4>Ms. Bhavna Handa <span> </span></h4>
				</div>
				<div class="item-bg"> 
				  <p>The school facilities are well-maintained, and the staff is friendly and approachable. It would be great if we could have more extracurricular activities to explore our interests outside the classroom.</p>
				</div>
			  </div>
			</div><!--/ item -->
			
			<div class="item">		  
			  <div class="service-box">
				<div class="service-author">
				  <figure><img src="images/dummy.jpg" alt=""></figure>
				  <h4>Sh. Chirag Sharma <span> </span></h4>
				</div>
				<div class="item-bg"> 
				  <p>I enjoy the diverse student body and the sense of community here. Still, I think there could be more emphasis on mental health awareness and resources for students who need it.</p>
				</div>
			  </div>
			</div><!--/ item -->
			
			<div class="item">		  
			  <div class="service-box">
				<div class="service-author">
				  <figure><img src="images/dummy.jpg" alt=""></figure>
				  <h4>Sh. Mohit Singla <span> </span></h4>
				</div>
				<div class="item-bg"> 
				  <p>The teachers are generally supportive, but there is room for improvement in providing timely feedback on assignments and assessments. Constructive feedback helps us learn and grow.</p>
				</div>
			  </div>
			</div><!--/ item -->
			
			<div class="item">		  
			  <div class="service-box">
				<div class="service-author">
				  <figure><img src="images/female.jpg" alt=""></figure>
				  <h4>Ms. Radhika <span> </span></h4>
				</div>
				<div class="item-bg"> 
				  <p>The school's anti-bullying initiatives are commendable, but there's still work to be done in creating a safe and inclusive environment for all students.</p>
				</div>
			  </div>
			</div><!--/ item -->
			
			<div class="item">		  
			  <div class="service-box">
				<div class="service-author">
				  <figure><img src="images/dummy.jpg" alt=""></figure>
				  <h4>Sh. Rajat Pathak <span> </span></h4>
				</div>
				<div class="item-bg"> 
				  <p>I'm grateful for the cultural diversity in our school, but we could benefit from more cultural education and events to foster understanding and unity among students from different backgrounds.</p>
				</div>
			  </div>
			</div><!--/ item -->
			
		  </div><!--/ owl-demo --> 
		</div>
			  
	  </div><!-- row-->
	</div><!-- .container end -->
  </section><!--/  service-sec  -->  


<section class="map-wrap">
  <div class="container-fluid pad-0">
    <div class="row mrb-0">
      
	  <div class="col-sm-12 pad-0">
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3435.6029618581933!2d77.63699927545609!3d30.560519774667817!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390f3d7239e2f3af%3A0x85d9527728db093!2sSaraswati%20Vidya%20Mandir!5e0!3m2!1sen!2sin!4v1689668504658!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
		
      </div>
         
    </div><!--/ row -->	
  </div>
</section>

<section class="newsletter-sec">
  <div class="container">
    <div class="row">
    
      <div class="newsletter-des col-sm-4">
        <h5><span>Subscribe To </span>Our Newsletter</h5>
      </div>
      
      <div class="newsletter-form col-sm-8">
        <form>
          <input type="text" placeholder="Enter your Place Holder Here" class="placeholder2">
          <button><i class="fa fa-send"></i></button>
        </form>
      </div>
      
    </div><!--/ row -->    
  </div>
</section>

<footer class="footer">

  <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-chevron-up" aria-hidden="true"></i></a></div>
   <script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>


  <div class="container">
    <div class="row">
                     
      <div class="col-sm-3">
        <div class="wg-1">
          <div class="ft-logo">
            <h4> Saraswati Vidya Mandir High School sataun</h4>
		    <p>Seven Compulsory Programme-Annual function, Sports day, Parents meeting, Yoga activity, Music activities and Ten minutes daily exercise and School also follows the Programme and direction Given by the Himachal shiksha samiti every year. </p>
		    <div class="icon-ft">
              <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
              <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
              <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
			  <a href="#" target="_blank"><i class="fa fa-whatsapp"></i></a> 
            </div>
          </div>
        </div>
      </div>       
      
      <div class="col-sm-3">
        <div class="wg-1">
          <h4>Quick Links</h4>           	  		
		  <ul>
			


			<li><a href="#">Himanchal Siksha Samiti</a></li>
			<li><a href="#">Him Saral Software</a></li>
			<li><a href="#">H. T. Logics. Pvt. Ltd.</a></li>
			<li><a href="#">Prasham Computer</a></li>
		
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-3">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address><i class="fa fa-map-marker"></i> <div>Saraswati Vidya Mandir High School Sataun (H.P.)</div></address>
		  <address><i class="fa fa-envelope-o"></i> <div><a href="mailto: svmschoolsataun@gmail.com">svmschoolsataun@gmail.com</a></div></address>
		  <address><i class="fa fa-phone"></i> <div><a href="tel:+91 98058-51054">+91 98058-51054</a></div></address>
		</div>
      </div> 
	  
	  <div class="col-sm-3">
        <div class="wg-1">
		  <h4>School Timing</h4>
		 		  <ul>
		    <li>Monday - Saturday : <span>9am to 4pm</span></li>
			<li>Sunday : <span>Closed</span></li>
		  </ul>
		</div>
      </div>       
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6 text-left">
		  <p>Copy © 2023 All Rights Reserved by Saraswati Vidya Mandir High School sataun</p>
		</div>
		
		<div class="col-sm-6 text-right">
		  <p class="text-right">Website Designed by <a target="_blank" href="https://htlogics.com/">H T Logics Private Limited</a></p>
		</div>	
         
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>             
<script src="js/owl.carousel.js"></script>    

<script>
	function openNav() {
	  document.getElementById("myOffcanvas").classList.add("open");
	}
  
	function closeNav() {
	  document.getElementById("myOffcanvas").classList.remove("open");
	}
</script>

<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 5,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });

	$(document).ready(function() {
      $("#owl-demo-3").owlCarousel({
        autoPlay: 3000,
        items : 4,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
	
</body>
<script>
var a = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 7000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});
</script>
</html>