HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/haripur/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 School Haripur</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:+91-94180-03931"><i class="fa fa-phone" aria-hidden="true"></i> +91-94180-03931</a></li>
            <li><a href="mailto:Svmharipur@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>Svmharipur@gmail.com</a></li>
			<li><a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i>Mandatory Public Disclosure</a></li>
          </ul>	           
        </div> 
	  
	    <div class="col-sm-4 head-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-linkedin"></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="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 & 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="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 & 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>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-12 full-wrap">
	    <section class="about-sec about-page">
		 <div class="row">           
		   
		   <div class="col-sm-6 about-left">
		     <h2><span>Welcome To</span>Sarswati Vidya Mandir School Haripur</h2>
        <p>Shool Haripur is a Hindi and English Medium School that follows a co-educational system. The school welcomes students from all backgrounds, regardless of their caste, creed, color, or religion, maintaining a strong commitment to secularism.</p>
        <p>SVM School is proudly affiliated with the Himachal Pradesh Board of School Education. At our school, innovation is the driving force. We firmly believe in fostering hands-on learning experiences through activities such as problem-solving, critical thinking, active listening, effective communication, reading, engaging in play, sharing ideas, and even role-playing. By embracing these approaches, we strive to create a joyful and enriching learning environment for all our students.</p>
        <p>The school is dedicated to promoting an education system that places a strong emphasis on experiential learning. Our primary goal is to encourage students to step out of their comfort zones and actively engage with new ideas, while developing and refining their capabilities and skills. To facilitate this process, we have well-equipped, state-of-the-art laboratories that provide students with opportunities to question, explore, examine, hypothesize, and draw conclusions, thereby fostering a scientific temperament among them.</p>
      </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/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 -->



<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">
           <p>Sarswati Vidya Mandir Haripur 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="#" 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-linkedin"></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 Haripur Teh. Sunder Nagar Distt. Mandi H.P. 175018</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:+91-94180-03931">+91-94180-03931</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:Svmharipur@gmail.com">Svmharipur@gmail.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 ft4">
        <div class="wg-1">
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3401.2932218525943!2d76.88426617547306!3d31.516105574215864!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390519c701673e45%3A0x78f25089eb55bcc4!2sSaraswati%20Vidya%20Mandir!5e0!3m2!1sen!2sin!4v1696677732595!5m2!1sen!2sin" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>	       		  	 
        </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 Haripur</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>