HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/sataun/about.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-inner">
    <div class="textblock">
      <div class="block">
        <div class="container">
          <!-- breadcrumb -->
          <ol class="breadcrumb text-capitalize">
            <li><a href="index.html"><span class="fa fa-home"></span><!-- Breadcrumb NavXT 5.4.0 -->
  <span></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">About Us</span><meta property="position" content="2"></span></li>
          </ol>
          
          <!-- page title -->
          
        
        </div><!--/ block -->
      </div>
    </div>
  </section>
<section class="about-sec">
    <div class="container">
      <div class="row">           
      
        <div class="col-sm-7 about-left pull-right">
          <h2> 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>
          
          
        </div><!--/ col-sm -->
        
        <div class="col-sm-5 about-right">
          <figure>
            <img class="thumbnail" src="images/about.jpg" alt="">
      
          </figure>
        </div>	  
       
      </div><!--/ row --> 
    </div>
  </section><!--/ about-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">
		  <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>