HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/anni/history-school.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-inner">
  <div class="textblock">
    <div class="block">
      <div class="container">

        <div class="page-title">
          <div class="holder"><h1>History</h1></div>
        </div><!--/ page-title -->

        <!-- breadcrumb -->
        <ol class="breadcrumb text-capitalize">
          <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span property="name">Home</span></a><meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement" typeof="ListItem"><span property="name">History</span><meta property="position" content="2"></span></li>
        </ol>        
      
      </div><!--/ block -->
    </div>
  </div>
</section><!--/ banner-inner -->

<section class="mid-wrap">
  <div class="container">    
    <div class="row">
      
      <div class="col-sm-12 full-wrap">
	    <section class="about-sec about-page">
		 <div class="row">           
		   
		   <div class="col-sm-7 about-left">
		     <h2><span>History of</span>Sarswati Vidya Mandir School Anni</h2>
            <p>SARSWATI VIDYA MANDIR was established in 1987 and it is managed by the Pvt. Unaided. It is located in Rural area. It is located in ANNI block of KULLU district of Himachal Pradesh. The school consists of Grades from 1 to 10. The school is Co-educational and it have an attached pre-primary section. The school is Not Applicable in nature and is not using school building as a shift-school. Hindi is the medium of instructions in this school. This school is approachable by all weather road. In this school academic session starts in April.</p>
            <p>The school has Private building. It has got 10 classrooms for instructional purposes. All the classrooms are in good condition. It has 2 other rooms for non-teaching activities. The school has a separate room for Head master/Teacher. The school has Pucca boundary wall. The school has have electric connection. The source of Drinking Water in the school is Tap Water and it is functional. The school has 4 boys toilet and it is functional. and 4 girls toilet and it is functional. The school has a playground. The school has a library and has 1015 books in its library. The school does not need ramp for disabled children to access classrooms. The school has 4 computers for teaching and learning purposes and all are functional. The school is having a computer aided learning lab. The school is Not Provided providing mid-day meal.</p>
            </div><!--/ col-sm -->
		   
		   <div class="col-sm-5 about-right">

            <figure>
                <div class="history-img"><img src="images/sarswatimata.jpg"></div>
            </figure>
			  <!--<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/about-01.jpg" alt=""></div>
				<div class="image2"><img src="images/about-02.jpg" alt=""></div>
				<div class="image3"><img src="images/about-03.jpg" alt=""></div>
				<div class="image4"><img src="images/about-04.jpg" alt=""></div>
			  </div>
			</div>	-->
		  </div><!--/ row --> 
		</section><!--/ about-sec --> 
	  </div><!--/ full-wrap -->
      
    </div>
  </div>
</section><!--/ mid-wrap -->

<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>
   <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-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</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">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 2016 Sarswati Vidya Mandir Anni</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>
$('.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>
$('.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,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>
</body>
</html>