HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/anni/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 School Anni</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="css/animate.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;500;600;700;800;900&display=swap" rel="stylesheet">  
	<link href="https://fonts.googleapis.com/css2?family=Inter: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">    
    <!--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");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.back-to-top').addClass("scroll");
    }
    else{
        $('.back-to-top').removeClass("scroll");
    }
});
</script>
    
</head>
<body>
<header class="header" id="Home"> 
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-8 head-left">
		  <ul>
            <li><a href="tel:9817220204"><i class="fa fa-phone" aria-hidden="true"></i> +91 9817220204</a></li>
            <li><a href="mailto:Svmschool.anni@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>Svmschool.anni@gmail.com</a></li>
			<li><a href="images/प्रोस्पेक्टस 1-1.pdf" target="_blank">Prospectus</a></li>
			<li><a href="https://anni.svmschools.org/himsaral.apk" target="_blank"><i class="fa fa-mobile" aria-hidden="true"></i> Download Him Saral App</a></li>
          </ul>	           
        </div> 
	  
	    <div class="col-sm-4 head-right">
		  <div class="icon-top">
            <a href="https://www.facebook.com/saraswatividyamandir.anni" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></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 class="logo-fix" src="images/logo.png" alt="image" />
			<button class="openbtn" onclick="openNav()">&#9776;</button>
		  </a>
        </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-us.html">About Us</a>
			  <ul class="sub-menu">
			    <li><a href="history-school.html">History of School</a></li>
				<li><a href="management.html">Management</a></li>
				<li><a href="infrastructure.html">Infrastructure</a></li>
				<li><a href="facilities.html">Facilities</a></li>
			  </ul>
			</li>
			<li><a href="academics.html">Academics</a>
			  <ul class="sub-menu">
			    <li><a href="faculty.html">Faculty</a></li>
				
			 </ul>
			</li>
			<li><a href="Admissions.html">Admissions</a>
			  <ul class="sub-menu">
			    
				<li><a href="rules.html">Rule &amp; Regulation</a></li>
			  </ul>
			</li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li class="hidden"><a href="#">Online Admission</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
		<div class="Free-Consulting"><a href="#" class="btn">Online Admission</a></div>
      </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-us.html">About Us</a>
			  <ul class="sub-menu">
			    <li><a href="history-school.html">History of School</a></li>
				<li><a href="management.html">Management</a></li>
				<li><a href="infrastructure.html">Infrastructure</a></li>
				<li><a href="facilities.html">Facilities</a></li>
			  </ul>
			</li>
			<li><a href="academics.html">Academics</a>
			  <ul class="sub-menu">
			    <li><a href="faculty.html">Faculty</a></li>
				
			 </ul>
			</li>
			<li><a href="Admissions.html">Admissions</a>
			  <ul class="sub-menu">
			    
				<li><a href="rules.html">Rule &amp; Regulation</a></li>
			  </ul>
			</li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li class="hidden"><a href="#">Online Admission</a></li>
			<div class="Free-Consulting"><a href="#" class="btn">Online Admission</a></div>
          </ul>		 		
		 </div>
		 </div>	   	   
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner">
	    <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">
		
		  <!-- Indicators -->
          <ol class="carousel-indicators hidden">
            <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
          </ol>
    
          <!-- Wrapper For Slides -->
          <div class="carousel-inner" role="listbox">
            <!-- Third Slide -->
            <div class="item active">
			  <figure><img src="images/slider-01.jpg" alt="image"/></figure>
	          <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Education is the key to success</span>Sarswati Vidya Mandir School Anni</h1>
                <p data-animation="animated fadeInDown">Sarswati Vidya Mandir School Anni is situated in one of the beautiful place of Himachal Pradesh.</p>              
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </div>
            </div><!-- End of Slide -->  
			
			<div class="item">
			  <figure><img src="images/slider-02.png" alt="image"/></figure>
	          <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Education is the key to success</span>Sarswati Vidya Mandir School Anni</h1>
                <p data-animation="animated fadeInDown">Sarswati Vidya Mandir School Anni is situated in one of the beautiful place of Himachal Pradesh.</p>              
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </div>
            </div><!-- End of Slide -->
			
			<div class="item">
			  <figure><img src="images/slider-03.jpg" alt="image"/></figure>
			  <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Education is the key to success</span>Sarswati Vidya Mandir School Anni</h1>
                <p data-animation="animated fadeInDown">Sarswati Vidya Mandir School Anni is situated in one of the beautiful place of Himachal Pradesh.</p>              
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </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 --> 
  
</section><!--/ banner -->

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-6 about-left">
	    <h2><span>A Few Words About Us</span>Welcome to Sarswati Vidya Mandir School Anni</h2>
		<p>SVM Shool Anni is a Co-educational Hindi and English Medium School. The school is open to all irrespective of caste, creed, color or religion and strictly secular. SVM School Anni is affiliated with the Himachal Pradesh Board of School Education. The school strongly emphasizes innovation and believes in a hands-on approach to learning. Students are encouraged to actively engage in various activities such as problem-solving, critical thinking, reading, playing, and sharing, making their learning experience joyful and interactive.</p>
		<p>The school places great importance on experiential learning, fostering a system that encourages students to explore new ideas and develop their capabilities and skills. It provides well-equipped and state-of-the-art laboratories where students can question, explore, examine, hypothesize, and draw inferences, cultivating a scientific temperament among them.</p>
		<div class="about-call">
		    <p><a href="#" class="btn">View More</a></p>
		    <p><a href="tel:+91 9876543210"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><span>Need Any Question <small>
				+91 9817220204</small></span></a></p>
          </div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
	    <figure>
		  <img src="images/about-globe.png" alt="" class="image-about">
		  <img src="images/about-bg.png" alt="" class="image-circle img-responsive">
		</figure>
		<div class="images-outer">
		  <div class="image"><img src="images/drugs03.jpg" alt=""></div>
		  <div class="image2"><img src="images/event-11.jpg" alt=""></div>
		  <div class="image3"><img src="images/earth-day.jpg" alt=""></div>
		  <div class="image4"><img src="images/student04.jpg" alt=""></div>
		</div>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec --> 

<section class="tag-sec">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-6 tw-coll">
	    <div class="info-content">
	      <div class="inner">
		    <h3>Fee Structure 2025-26</h3>
	        <h4><a href="#">[Click here]</a> to view Fee structure for session 2025-26.</h4>
	      </div>	  
	    </div>	  
	  </div>
	  
	  <div class="col-sm-6 tw-coll">
	    <div class="info-content">
	      <div class="inner">
	        <h3>Event Calender 2025-26</h3>
	        <h4><a href="#">[Click here]</a> to view event calender for session 2025-26.</h4>
	      </div>	  
	    </div>	  
	  </div>	  
	  
    </div><!--/ row --> 
  </div>
</section><!--/ tag-sec --> 

<section class="service-sec">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 title">
	    <h2>Our School Activities</h2>
	  </div>
	  
	  <div class="col-sm-3 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/achievment.jpg" alt="image"></figure>
	        <h4>Achievements</h4>
		    <p>Our students have excelled in academics, consistently achieving top grades in board exams and competitive tests.</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/radhe.png" alt="image"></figure>
		    <h4>Janmashtami</h4>
		    <p> The festival is observed with great devotion across India, especially in Mathura and Vrindavan, the places associated with Krishna’s childhood.</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 ss-coll">
	    <div class="info-box">
		  <div class="inner">
		    <figure><img src="images/event.jpg" alt="image"></figure>
	        <h4>Event Calander</h4>
		    <p>Whether it's academic events, cultural celebrations, or sports competitions, the event calendar orchestrates the rhythm of life, guiding us through the anticipated highlights.</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/basant.jpg" alt="image"></figure>
		    <h4>Photo Gallery</h4>
		    <p>The pictures here will give you a overview for the school campus, the buildings, the classrooms, the library, the happening events.</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  	  	  
    </div><!--/ row --> 
  </div>
</section><!--/ service-sec --> 

<!--
<section class="counter-sec">
  <div class="container">
    <div class="row row-bg">
	
      <div class="col-sm-12">
        <div class="icon-one move_anim"><img src="images/effect-01.png" alt="image"></div>
		<div class="icon-two image-circle"><img src="images/effect-02.png" alt="image"></div>
		<div class="icon-three image-circle"><img src="images/effect-03.png" alt="image"></div>
	    <div class="top mrb-40">
		  <h2>An iso 9001:2000 [Certified School]</h2>
		  <p>Sarswati Vidya Mandir School Anni is situated in one of the beautiful place of Himachal Pradesh. <br>Though entire Himachal Pradesh is famous for its panoramic beauty.</p>
		</div>
		
	    <div 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>Years of Experiences</h4>
				<span class="counter-value" data-count="35">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>Professional Teachers</h4>
				<span class="counter-value" data-count="40">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>Class Rooms</h4>
				<span class="counter-value" data-count="30">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>Students At SVM</h4>
				<span class="counter-value" data-count="2500">0</span><span>+</span>
			  </div>
			</div>
		  </div>
		</div><!--/ row --
      </div>

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


<section class="principal-sec">
  <div class="container">                 
    <div class="row">
	
	  <div class="col-sm-8 left-grid">
	    <div class="team-box">
			  <figure><img src="images/principalsir.png" alt=""></figure>
			  <div class="caption">
		        <h3>Deepak Thakur<span>Principal</span></h3>
            <p>Today, the role of a school is not only to pursue academic excellence but also to motivate and empower its students to be life long learners, critical thinkers, and productive members of an ever-changing global society.</p>
			<p>A school must try to provide its students with an atmosphere for multifaceted development, where children are encouraged to channelize their potential in the pursuit of excellence. This can only be possible in a holistic, student-centric environment.</p> 
			<p>Beyond academics, the supportive community at SVM School Anni has played an essential role in my personal growth. The educators here are not just teachers; they are mentors, guiding us with their wisdom and fostering an environment of mutual respect. Moreover, the diverse student body has enriched my cultural awareness and communication skills, preparing me to thrive in an interconnected world.</p>   
			</div>
            </div>
	    <!--div class="row">
	      <div class="col-sm-6">
		    <div class="team-box">
			  <figure><img src="images/Anil-Kumar.jpg" alt=""></figure>
			  <div class="caption">
		        <h3>Anil Kumar <span>Principal</span></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
				<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
			  </div>
            </div>
	      </div> 
		  
		  <div class="col-sm-6">
		    <div class="team-box">
			  <figure><img src="images/Principal.jpg" alt=""></figure>
			  <div class="caption">
		        <h3>Jyoti Garg <span>Principal</span></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
				<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
			  </div>
            </div>
	      </div>
	    </div--><!--/ row --> 
	  </div>
	  
	  <div class="col-sm-4 right-grid">
	    <div class="inner">
	      <h3>Do you have any questions? <span>feel free to contact us!</span></h3>
	      <form>       
		    <div class="form-group"><input class="form-control" placeholder="Your Name :" type="text"></div>
		    <div class="form-group"><input class="form-control" placeholder="E-mail :" type="text"></div>
		    <div class="form-group"><input class="form-control" placeholder="Phone Number :" type="text"></div>
            <div class="form-group"><textarea class="form-control">Your Message :</textarea></div>
            <div class="form-group"><input name="btnsubmit" value="Submit Quiry" class="btn" type="submit"></div>
          </form>
	    </div>
	  </div>
	
    </div><!--/ row --> 
  </div>
</section>

<section class="best-offer">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 bf-coll">
	      <h2>A great place for your child to grow up.</h2>
		  <h5>We promise to help your child develop and learn through fun and creativity.</h5>
		  <p> We believe in learning things by gaining hands on experience by doing, thinking, problem solving, listening, talking, reading, playing, sharing and role playing making learning a joyful experience.</p>
		  <div class="contact-info">
		    <div class="media">
              <div class="media-body">
                <div class="phone"><span>+91</span> 9817220204, 01904253767</div>
			  </div>
            </div>
            <div class="media">
              <div class="media-body">Sarswati Vidya Mandir Anni V.P.O. Anni Teh. Anni Distt-Kullu Himanchal Pradesh Pin Code. 172026<br>Email : <a href="mailto:Svmschool.anni@gmail.com">Svmschool.anni@gmail.com</a></div>
			</div>
          </div>
	  </div>
	
    </div><!--/row -->
  </div>
</section>

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left pad-0 aos-init aos-animate" data-aos="zoom-in">
	    <h2><span>Testimonials feedback</span>knows About Our Students Say</h2>
		 
		<div id="owl-demo-3" class="aos-init aos-animate" data-aos="zoom-in">
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>"SVM School Anni goes beyond traditional education. The interactive and dynamic learning environment has made every day exciting."</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/dummy.jpg" alt=""></figure>
			  <h4><span>12th class</span>Karan Sharma</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>"Choosing SVM School Anni was the best decision for my education. The school's dedication to innovation and experiential learning has made my academic journey more enjoyable and insightful."</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>9th class</span>Jyoti Arora</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>I feel fortunate to be part of SVM School Anni, where learning is a joyful journey. The school's bilingual approach has improved my language skills significantly.</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/dummy.jpg" alt=""></figure>
			  <h4><span>7th class</span>shubham</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>Attending SVM School Anni has been an incredibly enriching experience. The school's commitment to diversity and inclusion truly stands out, as they welcome students from all walks of life.</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>11th class</span>Kirti Garg</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p> I've developed problem-solving abilities that extend beyond textbooks that's why I'm proud to be part of a SVM school that values diversity and promotes mutual respect.</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/dummy.jpg" alt=""></figure>
			  <h4><span>12th class</span>Arun Kumar</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>The school encourages students to participate enthusiastically in a range of activities, encompassing problem-solving, critical thinking, reading, play, and collaboration.</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>10th class</span>Shivani Sharma</h4>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<section class="map">
	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6808.56091436551!2d77.41351964189462!3d31.433945097014416!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3905bcf3fbf58099%3A0xd484787829765bf9!2sAnni%2C%20Himachal%20Pradesh!5e0!3m2!1sen!2sin!4v1688975581297!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section><!--/ map -->  

<footer class="footer">
  
  <div class="back-to-top scroll"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>
   
  
  <div class="container">    
    <div class="row">
	
	  <div class="col-sm-4 ft1">
        <div class="wg-1">
          <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
		  <p>Sarswati Vidya Mandir Anni is situated in one of the beautiful place of Himachal Pradesh. Though entire Himachal Pradesh is famous for its panoramic beauty.</p>
		  <div class="icon-ft">
            <a href="https://www.facebook.com/saraswatividyamandir.anni" target="_blank"><i class="fa fa-facebook"></i></a>
            
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->

      <div class="col-sm-2 ft2">
        <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="facilities.html">Facilities</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li><a href="#">Online Admission</a></li>
          </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 

	  <div class="col-sm-3 ft3">
        <div class="wg-1">
          <h4>Contact us</h4>		          	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p>Sarswati Vidya Mandir Anni V.P.O. Anni Teh. Anni Distt-Kullu Himanchal Pradesh Pin Code. 172026</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:9817220204">+91 9817220204</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:Svmschool.anni@gmail.com">Svmschool.anni@gmail.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 ft4">
        <div class="wg-1">
          <h4>Open Time</h4>		          	  		
		  <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 3pm<br> Saturday: 8am to 2pm</p>
		  <p><strong>Vacation:</strong><br> All Sunday Off</p>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
           
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6"><p class="copyright">©Copyright 2023 All Rights reserved by Sarswati Vidya Mandir School</p></div>
		
		<div class="col-sm-6">
		  <p class="text-right">Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</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>
  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>

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

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

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

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
<script>
	function openNav() {
	  document.getElementById("myOffcanvas").classList.add("open");
	}
	
	function closeNav() {
	  document.getElementById("myOffcanvas").classList.remove("open");
	}
	
	</script>
  <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>
	
</body>
</html>