HOME

Mini Shell 1.0
DIR:/home/svmschools.org/www/barotiwala/
Current File : /home/svmschools.org/www/barotiwala/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>Sarswati Vidya Mandir Barotiwala, Tehsil Baddi, Distt. Solan, HP PIN No. 174103</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        
	<link href="css/grid.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="style.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><a href="#" class="btn"><i class="fa fa-users" aria-hidden="true"></i> Admin Login</a></li>      
            <li><a href="#" class="btn"><i class="fa fa-user" aria-hidden="true"></i> Staff Login</a></li>
            <li><a href="#" class="btn"><i class="fa fa-users" aria-hidden="true"></i> Student Login</a></li>
            <li><a href="#" class="btn"><i class="fa fa-envelope" aria-hidden="true"></i> Web e-Mail</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>			
		  </div>
		  
		  <div class="phone-call"> <a href="tel:01972-275810" class="btn"><i class="fa fa-volume-control-phone"></i>+91-9882304070</a></div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">		  
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button class="openbtn" onclick="openNav()">&#9776;</button>
        </div>
        <a class="logo col-sm-6" href="#"><img src="images/shiksha-logo.png" alt="image" ><h1>Sarswati Vidya Mandir High School <span> Barotiwala</span><small Class="d-block">  Tehsil Baddi, Distt. Solan, (H.P) C.B.S.E. Pattern</small></h1></a>   
        <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 class="li-arrow"><a href="about-us.html">About Us</a>
			  <ul class="sub-menu">
				
				<li><a href="himachal-shiksha-samiti.html">Himachal Shiksha Samiti</a></li>
				<li><a href="facilities.html">Facilities</a></li>
				<li><a href="career.html">Career</a></li>
              </ul>
            </li>
			<li><a href="faculty.html">Faculty</a></li>
			<li class="li-arrow"><a href="admission-rules.html">Admission</a>
				<ul class="sub-menu">
				<li><a href="curriculum.html">Curriculum</a></li>
				<li><a href="admission-rules.html">Admission Rules</a></li>
				<li><a href="fee-structure.html">Fee Structure</a></li>
				
              </ul>
			  </li>
			  <li class="li-arrow"><a href="activity.html">Activities</a></li>
			<li><a href="gallery.html">Gallery</a></li>		
			 <li><a href="contact-us.html">Contact</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 class="li-arrow"><a href="about-us.html">About Us</a>
			  <ul class="sub-menu">
				
				<li><a href="himachal-shiksha-samiti.html">Himachal Shiksha Samiti</a></li>
				<li><a href="facilities.html">Facilities</a></li>
				<li><a href="career.html">Career</a></li>
              </ul>
            </li>
			<li><a href="faculty.html">Faculty</a></li>
			<li class="li-arrow"><a href="admission-rules.html">Admission</a>
				<ul class="sub-menu">
				<li><a href="curriculum.html">Curriculum</a></li>
				<li><a href="admission-rules.html">Admission Rules</a></li>
				<li><a href="fee-structure.html">Fee Structure</a></li>
				
              </ul>
			  </li>
			  <li class="li-arrow"><a href="activity.html">Activities</a></li>
			<li><a href="gallery.html">Gallery</a></li>		
			 <li><a href="contact-us.html">Contact</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">
        <img src="images/slider-banner1.jpg" alt="image" class="slide-image">
        <div class="bs-slider-overlay"></div>
        <div class="slide-text">
          <div class="slide-table">
            <h1 data-animation="animated fadeInDown" class="">We're committed to securing a promising<span> future for you </span></h1>
            <p data-animation="animated fadeInDown" class="">"Education is not just about going to school and getting a degree. It's about widening your knowledge and absorbing the truth about life."</p>
            <a href="#" class="btn" data-animation="animated fadeInDown"><span>Learn More</span></a>
          </div>
        </div>
      </div><!-- End of Slide -->
	  
	  <div class="item">
        <img src="images/slider-banner2.jpg" alt="image" class="slide-image">
        <div class="bs-slider-overlay"></div>
        <div class="slide-text">
          <div class="slide-table">
            <h1 data-animation="animated fadeInDown" class="">We're committed to securing a promising<span> future for you </span></h1>
            <p data-animation="animated fadeInDown" class="">"Education is not just about going to school and getting a degree. It's about widening your knowledge and absorbing the truth about life."</p>
            <a href="#" class="btn" data-animation="animated fadeInDown"><span>Learn More</span></a>
          </div>
        </div>
      </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-tag">
  <div class="container">
    <div class="row">  
	  
	  <div class="col-sm-4 col">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-hand-o-right" aria-hidden="true"></i></a></figure>
		  <h4><a href="#">Life @ SPS</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest just eget nunc.</p>
		</div>	  
      </div>
	  
	  <div class="col-sm-4 col">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-users" aria-hidden="true"></i></a></figure>
		  <h4><a href="#">Parents Area</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest just eget nunc.</p>
		</div>	  
      </div>
	  
	  <div class="col-sm-4 col">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-user" aria-hidden="true"></i></a></figure>
		  <h4><a href="#">Student Area</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest just eget nunc.</p>
		</div>	  
      </div>	  
	  
    </div>
  </div>
</section>    
-->
<section class="about-sec">
  <div class="container">
	<div class="col-sm-12 sec-head">
		<h2><span>Welcome To </span>Sarswati Vidya Mandir Barotiwala</h2>
	</div>
	
    <div class="row">           
	  <div class="col-sm-6 about-left pull-right">
	    
		<p>Saraswati Vidya Mandir Barotiwala had humble beginnings as a "baby wattika" in 1996. By 2002, the school had achieved the status of a secondary school, boasting its own nine classrooms.</p>

<p>Saraswati Vidya Mandir Barotiwala is a public school that follows a co-educational approach, offering education in both Hindi and English mediums. The school is committed to inclusivity, welcoming students of all castes, creeds, colors, and religions, with a strong emphasis on secularism. It is affiliated with the Himachal Pradesh Board of School Education.</p>

<p>At Saraswati Vidya Mandir Barotiwala, innovation is highly valued. We firmly believe in a hands-on approach to learning, where students actively engage in activities such as problem-solving, critical thinking, effective communication, attentive listening, reading, playing, sharing, and role-playing. By making learning a joyful experience, our school supports an education system that prioritizes experiential learning.</p>
		<p><a href="#" 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-6 about-right">
	    <figure>
		  <img class="animation-jump" src="images/dot-bg.png" alt="">
		  <img src="images/about-01.jpg" alt="">
		  <img class="img-2" src="images/about-02.jpg" alt="">
		</figure>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->

<section class="promo-area">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 promo-col">
	    <h2><span>Acadmics</span></h2>
	  </div>
	  
	  <div class="col-sm-3 promo-col">
	    <div class="single-promo">
		  <figure><img src="images/img-01.jpg" alt="Image"></figure>
		  <h3>Events Calendar</h3>
		  <p>The image could be a well-organized calendar with dates, event names, and maybe some colorful icons to represent different types of activities.</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/img-02.jpg" alt="Image"></figure>
		  <h3>Exam/Books Detail</h3>
		  <p>Each entry might include the exam title, recommended books or study materials, and perhaps a concise description of the exam structure or topics covered.</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/img-03.jpg" alt="Image"></figure>
		  <h3>Syllabus (2022-23)</h3>
		  <p>The syllabus section might also include any recommended readings, assignments, and assessment methods, creating a guide for a successful learning journey.</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/img-04.jpg" alt="Image"></figure>
		  <h3>Holiday’s Home work</h3>
		  <p>The tasks are crafted to encourage creativity, and skill development, ensuring that the break becomes an opportunity for both relaxation and continued learning.</p>
		  <div class="item-button"><a class="btn" href="#"> Read More</a></div>
		</div>
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  promo-area --> 



<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 Teachers</h4>
	      <span class="counter-value" data-count="32">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 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 experience</h4>
	      <span class="counter-value" data-count="45">0</span> <span>year</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-6 left">
	    <h2><span>Smart Way</span> Digital Tecnology For Much Easier Driving Learning</h2>
		<ul>
		  <li>
		    <figure><img src="images/icon-01.png" alt=""></figure>
		    <h4>Smartly Learn and safe</h4>
		    <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
		  </li>
		  
		  <li>
		    <figure><img src="images/icon-02.png" alt=""></figure>
		    <h4>Instructors Come to You</h4>
		    <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
		  </li>
		</ul>
		<p><a class="btn" href="#">Start Course</a></p>
      </div><!--/ col-sm -->
	<!--  
	  <div class="col-sm-6 right">
	    <figure>
		  <img class="animation-jump jump1" src="images/dot-bg.png" alt="">
		  <img src="images/img-05.jpg" alt="">
		  <div class="about-quote"><p>We’re trusted by more than 1100 Students</p></div>
		</figure>
	  </div>
         
    </div><!--/ row -->	
 <!-- </div>
</section><!--/ find-out-more -->  

<section class="student-feedback">
  <div class="container">
    <div class="col-sm-12 sec-head">
	    <h2><span>Students Feedback</span>What Our Students Say About Us</h2>
	  </div>
	<div class="row">
	  <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/male.jpg" alt=""></figure>
			    <h4>Rohit Rana <span>Class 9th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>"The way you bring real-life examples into the class makes the material so much more interesting and relatable. Thank you for making learning enjoyable!"</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> Bhavna Devi <span>Class 8th</span></h4>
			  </div>
		      <div class="item-bg"> 
				<p>"Your clear explanations and step-by-step approach to topics have made a significant difference in my understanding of the subject."</p>
			    </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Chirag Sharma <span>Class 7th</span></h4>
			  </div>
		      <div class="item-bg"> 
				<p>"I feel valued and respected in this class. The inclusive atmosphere you've created makes a big difference in my overall experience."</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>Mehak Singla <span>Class 12th</span></h4>
			  </div>
		      <div class="item-bg"> 
				<p>"Your passion for the subject is contagious. Thank you for being an inspiring mentor and making me excited about learning."</p>
			    </div>
		    </div>
		  </div><!--/ item -->
		  
		  
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Rajat Pathak <span>Class 11th</span></h4>
			  </div>
		      <div class="item-bg">
				<p>"I love the collaborative atmosphere among students. Group projects are challenging but incredibly rewarding, and it's great to see everyone working together toward a common goal."</p> 
			     </div>
		    </div>
		  </div><!--/ item -->	  		  
		</div><!--/ owl-demo --> 
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  student-feedback  -->  

<section class="team-sec">
  <div class="container">
	<div class="=row">
		<div class="col-sm-12 sec-head">
			<h2>From The Desk of Principal</h2>
		</div>
		<div class="col-sm-2 about-left pull-left">
			<figure>		  
				<img src="images/dummy.jpeg" alt="">		 
			  </figure>
	     </div><!--/ col-sm -->
   
	<div class="col-sm-10 about-left pull-right">
	    <p>Our students continue to shine academically, showcasing their commitment to excellence. Recent examinations have revealed impressive achievements, a testament to their hard work and dedication. I am immensely proud of their accomplishments and the supportive environment we have fostered together.</p>
		<p>Behind every successful student is a team of dedicated educators. I want to take a moment to appreciate our exceptional faculty members whose passion for teaching is evident in the positive impact they have on our students. Their commitment to nurturing young minds is truly commendable.</p>
		<p>The main purpose of establishing this school is to offer high-quality education to the children in the area at extremely affordable prices. Our focus will be on promoting genuine learning rather than mindless memorization, which regrettably has become deeply ingrained in our current education system.</p>
		<p>In closing, I extend my deepest gratitude to each member of our community for your continued support. Together, we are shaping an environment where students not only excel academically but also grow socially and emotionally.</p>
      </div><!--/ col-sm -->
	  
	 

    </div><!--/ row --> 
  </div>
</section>

<section class="tag-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12 tag-col">
	    <h2><span>Wishing your learning filled with inspiration and accomplishment</span></h2>
		<h4>We provides unwavering support to ensure the success of each individual </h4>
		<p>Looking ahead, our school calendar is bustling with exciting events designed to enrich the educational journey.</p>
		<p><a href="#" class="btn">Contact Now</a></p>
	  </div><!--/ tag-col -->	 	  
     
    </div><!--/ row --> 
  </div>
</section>

<section class="news-list">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-4 col">
	    <div class="news-box">
	      <h2><span>Today's Thought</span></h2>
		  <div class="news-padd">
			<p>“आज का दिन नए संभावनाओं का एक नया पृष्ठ है, जिसे आपके चयन और क्रियाओं की ब्रश से भरकर रंगीन बनाया जा सकता है।”</p>
			<p>"Embrace the power of now; today is not just another day, but a canvas of opportunities waiting to be painted with the strokes of your choices and actions."</p>
			
			<div class="icon-ft">
			  <h5>Share With</h5>
              <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-whatsapp"></i></a>
              <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
            </div>
	      </div>
	    </div>
	  </div><!--/ col -->
	  
	  <div class="col-sm-4 page-sidebar">
		<div class="widget_text widget widget_custom_html">
		
		<h4 class="widget-title subheading heading-size-3">Notice Board</h4>
		<div class="textwidget custom-html-widget">
		<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" height="317px;">
			    <ul>
				  <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
				  <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
				   <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
				  <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
				   <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
				  <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
				<li><a href="#"><img src="images/tnew.gif"> Welcome to SARSWATI VIDYA Mandir HIGH SCHOOL -2022-23</a> for more detail click here.....</li>
				</ul>
			  </marquee>
			  </div>
			  </div>
			  </div>
	  
	  <div class="col-sm-4 col">
	    <div class="news-box">
	      <h2><span>Board Toppers – (2020 – 21)</span></h2>
		  <div class="news-padd">
		    <div id="owl-demo-2">
			  <div class="item"><div class="board-toppers"><img src="images/top-1.png" alt="toppers"><h3>Kamal Preet-5th Position in HPBOSE, Dharamshala</h3></div></div>
			  <div class="item"><div class="board-toppers"><img src="images/top-2.png" alt="toppers"><h3>Aman Chandel-31st Rank</h3></div></div>
			  <div class="item"><div class="board-toppers"><img src="images/top-3.jpg"><h3>Yotish - 48th Rank</h3></div></div>
			  <div class="item"><div class="board-toppers"><img src="images/top-4.jpg"><h3>Riya Chandel - 51St Rank</h3></div></div>
			  <div class="item"><div class="board-toppers"><img src="images/top-5.jpg"><h3>Suhani - 87th Rank</h3></div></div>
			  <div class="item"><div class="board-toppers"><img src="images/top-6.png" alt="toppers"><h3>Nikita Kalia</h3></div></div>
			  <div class="item"><div class="board-toppers">"Heartiest Congratulations to all the achievers and their Parents on this grand success in Board Examination."</div></div>
			</div>
	      </div>
	    </div>
	  </div><!--/ col -->
		  
    </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" id="scrollToHeader" ><i class="fa fa-chevron-up"  aria-hidden="true"></i></a></div>  
	<script>
		document.addEventListener('DOMContentLoaded', function () {
	   const scrollToHeaderButton = document.getElementById('scrollToHeader');
	   const header = document.querySelector('header');
	   scrollToHeaderButton.addEventListener('click', function (e) {
		e.preventDefault();
		console.log('working');
	  header.scrollIntoView({ behavior: 'smooth' }); });
	  });
		</script> 
  <div class="container">
    <div class="row">      
	  
	  <div class="col-sm-3 col-lg-4">
        <div class="wg-1">
          <h4>Quick links</h4>           	  		
		  <ul>
			<li><a href="index.html">Home</a></li>
            <li><a href="about-us.html">About Us</a></li>
			<li><a href="faculty.html">Faculty</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="admission-rules.html">Admission</a></li>
			<li><a href="activity.html">Activities</a></li>
			<li><a href="contact-us.html">Contact</a></li>
		</div>
      </div>
	  
	  <div class="col-sm-4 col-lg-3">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p><span>Location : </span>Sarswati Vidya Mandir Barotiwala, Tehsil Baddi, Distt. Solan, H.P. 174103</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><span>Phone No : </span><a href="tel:+91 9882304070">+91-9882304070</a></p></div>
			<div><p><span>Phone No : </span><a href="tel:+91 9417870178"> +91-9417870178</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
			<div><p><span>Email: </span><a href="mailto: ssbvmnagrota@gmail.com">svmbarotiwala077@gmail.com</a></div>
		  </address>		       		  	 
		</div>
      </div> 
	  
	  <div class="col-sm-12 col-lg-5">
        <div class="wg-1">
		  <h4>Our Location</h4>           	  		
		  <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13562.86778648231!2d76.1011027!3d31.8054633!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x391b3d71bbdcc1bf%3A0x3a9418b99acd856e!2sSaraswati%20Vidya%20Mandir!5e0!3m2!1sen!2sin!4v1688636773341!5m2!1sen!2sin" width="500" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>	  
		</div>
      </div>      
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
     
        <div class="col-sm-6"><p>Copy © 2017 All Rights reserved by Sarswati Vidya Mandir Barotiwala.</p></div>	
		
		<div class="col-sm-6">
		  <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/script.js"></script>   
<script src="js/bootstrap.min.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 : 4,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 3,
        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>

<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>
	
</body>
</html>