HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/katrain/about-us.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 Katrain</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" type="text/css">        

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
    <link href="css/animate.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-5">
        <div class="icon-top">
          <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
          <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>	
        </div>		  
          </div>
          
          <div class="col-sm-7 text-right">
            <div class="login-btn">
          <a class="btn btn-Payment" href="#"><i class="fa fa-download"></i> Downloads</a>
        <a class="btn btn-Gallery" href="gallery.html"><i class="fa fa-vcard"></i> Gallery</a>
        </div>
          </div>                                                  
                  
        </div><!--/ row -->
      </div>
    </section>
    
    <div class="head-top">    
      <div class="container">
        <div class="row">
                          
          <div class="col-sm-4 head-right">
        <div class="phn-detail">
          <ul>
          <li><a href="tel:+91 9459829893"><i class="fa fa fa-phone"></i> +91 9459829893</a></li>
                <li><a href="mailto: svmhighschoolkatrain@yahoo.com"><i class="fa fa-envelope-o"></i> svmhighschoolkatrain@yahoo.com</a></li>
              </ul>
        </div>		           
          </div>
  
          <div class="col-sm-8 logo"><a href="#"><img src="images/shiksha-logo.png" alt="image"><h1>Sarswati Vidya Mandir <span>Katrain </span><small> VPO katrain Teh. & Distt. Kullu Himanchal Pradesh </small></h1></a></div>		
                  
        </div><!--/ row -->
      </div>
    </div>
    
    <div class="menu-head">             
      <div class="container">
        
        <nav class="navbar navbar-default">		  
          <div class="navbar-header">
            <a class="navbar-brand nav-logo hidden" href="#"><img src="images/shiksha-logo.png" alt="image"><h1>Saraswati Vidya Mandir High School Katrain<span> PO:- Haripur Distt:- District- Kullu H.P</span></h1></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-us.html">About Us</a></li>

              <li class="li-arrow"><a href="academic.html">Academics </a>
          <ul class="sub-menu">
          <li><a href="infrastructure.html">Infrastructure</a></li>
          <li><a href="Fee-structure.html">Fee-structure</a></li>
                </ul>
              </li>

        <li><a href="activities.html">Activities</a></li>
        <li><a href="facility.html">Facilities</a></li>
        <li><a href="faculty.html">Faculty</a>
          <ul class="sub-menu">
            <li><a href="Staff.html">Detail of Staff</a></li>
                  </ul>
                </li>
              <li class="hidden"><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><a href="about-us.html">About Us</a></li>

              <li class="li-arrow"><a href="academic.html">Academics </a>
          <ul class="sub-menu">
          <li><a href="infrastructure.html">Infrastructure</a></li>
          <li><a href="Fee-structure.html">Fee-structure</a></li>
                </ul>
              </li>

        <li><a href="activities.html">Activities</a></li>
        <li><a href="facility.html">Facilities</a></li>
        <li><a href="faculty.html">Faculty</a>
          <ul class="sub-menu">
            <li><a href="Staff.html">Detail of Staff</a></li>
                  </ul>
                </li>
              <li class="hidden"><a href="gallery.html">Gallery</a></li>
                    <li><a href="contact-us.html">Contact</a></li>
            </ul>
          </div>
        </div>
      </div>	  
    </div><!--/ menu-head --> 
  </header>


<section class="banner-inner">
  <div class="textblock">
    <div class="block">
      <div class="container">

        <div class="page-title">
          <div class="holder"><h1>About Us</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">About Us</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-8 left-sidebar">
	    <h2>Welcome to Sarswati Vidya Mandir</h2>
	    <p>Sarswati Vidya Mandir High School Sarsai is a Co-educational Hindi and English Medium Public School. The school is open to all irrespective of caste, creed, colour or religion and strictly secular. The school is affiliated to the Himachal Pradesh Board of School Education.</p>
      	<figure class="thumbnail"><img src="images/svms.JPG" alt="image"></figure>
        <p>
          Sarswati Vidya Mandir High School Sarsai innovation is the buzzword. 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. The school supports an education system that emphasizes Experiential learning.</p>
          <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. The school supports an education system that emphasizes Experiential learning.The focus is on challenging the students to explore new ideas and hone their capabilities and skills. With well-equipped and state of the art laboratories, the students are provided opportunities to question, explore, examine, hypothesize and draw inferences thus building a scientific temperament.</p>
	  </div><!--/ left-sidebar -->
	  
	  <div class="col-sm-4 right-sidebar">
		<div class="widget">
		  <div class="sidebar-form">
	        <h3>Quick Enquiry</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" placeholder="Your Message :"></textarea></div>
              <div class="form-group"><input name="btnsubmit" value="Submit Quiry" class="btn" type="submit"></div>
            </form>
	      </div>
	    </div><!--/ widget -->
	  </div><!--/ left-sidebar -->
      
    </div>
  </div>
</section><!--/ mid-wrap -->
  
<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</a></li>
      			<li><a href="#">Activities</a></li>
			      <li><a href="#">Facilities</a></li>
						<li><a href="#">Gallery</a></li>
			      <li><a href="#">Contact</a></li>
		  </ul>
		</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 High School Katrain VPO katrain Teh. & Distt. Kullu Himanchal Pradesh Pin- 175129     </p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><span>Phone No : </span><a href="tel:+91 9459829893">+91 9459829893</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
			<div><p><span>Email : </span><a href="mailto: svmhighschoolkatrain@yahoo.com">svmhighschoolkatrain@yahoo.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=!1m18!1m12!1m3!1d3379.5636830638077!2d77.13691647551963!3d32.10807597395033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39048ba9b1a35bf1%3A0xacc9a7c057a462c4!2sSaraswati%20Vidya%20Mandir%20School!5e0!3m2!1sen!2sin!4v1690119819717!5m2!1sen!2sin" width="400" 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 © 2022 All Rights reserved by Sarswati Vidya Mandir Katrain.</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/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 : 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>
	
</body>
</html>