HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/kotkhai/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 High School Kotkhai</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="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 7051762015"><i class="fa fa fa-phone"></i> +91 7051762015</a></li> -->
              <!-- <li><a href="mailto: ssbvmnagrota@gmail.com"><i class="fa fa-envelope-o"></i> ssbvmnagrota@gmail.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 High School <span>Kotkhai</span><small>Kotkhai Road, District Shimla, H.P. 171202 C.B.S.E. Pattern</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/logo.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 class="li-arrow"><a href="about-us.html">About Us</a>
			  <ul class="sub-menu">
          <li><a href="infrastructure.html">Infrastructure</a></li>
          <li><a href="activity.html">Activities</a></li>
				</ul>
            </li>
            <li class="li-arrow"><a href="academic.html">Academics</a>
				<ul class="sub-menu">
				<li><a href="admission-rules.html">Admission Rules</a></li>
				<li><a href="school-houses.html">School Houses</a></li>
				</ul>
			  </li>	
        <li><a href="facilities.html">Facilities</a></li>		
			<li><a href="fees-structure.html">Fee Structure</a></li>			
            <li><a href="contact-us.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 class="li-arrow"><a href="about-us.html">About Us</a>
			  <ul class="sub-menu">
          <li><a href="infrastructure.html">Infrastructure</a></li>
          <li><a href="activity.html">Activities</a></li>
				</ul>
            </li>
            <li class="li-arrow"><a href="academic.html">Academics</a>
				<ul class="sub-menu">
				<li><a href="admission-rules.html">Admission Rules</a></li>
				<li><a href="school-houses.html">School Houses</a></li>
				</ul>
			  </li>	
        <li><a href="facilities.html">Facilities</a></li>		
			<li><a href="fees-structure.html">Fee Structure</a></li>			
            <li><a href="contact-us.html">Contact Us</a></li>
          </ul>
        </div>
      </div>
    </div>	  
  </div><!--/ menu-head --> 
</header>

<section class="banner">
  <div id="bootstrap-touch-slider" class="carousel bs-slider slide  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>
    </ol>
   
    <!-- Wrapper For Slides -->
   <div class="carousel-inner" role="listbox">
     <div class="item active">
       <img src="images/banner-01.jpg" alt="image" class="slide-image"/>
     </div><!-- End of Slide -->
     
     <div class="item">
       <img src="images/banner-02.jpg" alt="image" class="slide-image"/>
     </div><!-- End of Slide -->
	 
	 <div class="item">
       <img src="images/banner-03.jpg" alt="image" class="slide-image"/>
     </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 -->   

   <div class="banner-text">
     <figure><img src="images/vidya-bharty-Logo.png" alt="image"/></figure>
	 <h2><span>Run By</span>Himachal Shiksha Samiti Shimla</h2>
	 <h2><small>A State Unit of</small>Vidya Bharti Akhil Bhartiya Shiksha Sansthan, Delhi</h2>
   </div><!-- banner-text --> 
</section><!--/ banner -->

<section class="about-text">
  <div class="container">
    <div class="row">            
	  
	  <div class="col-sm-8 about-left pull-right">
	    <div class="about-padd">
	      <h3>Welcome to <span>Sarswati Vidya Mandir High School Kotkhai</span></h3>	
        <p>Sarswati Vidya Mandir High School in Kotkhai paints a vivid picture of a well-rounded educational institution. The emphasis on comprehensive facilities showcases a commitment to providing students with a nurturing and conducive learning environment.</p>
        <p>The well-equipped classrooms lay the foundation for effective teaching and learning, creating a space where students can actively engage in their studies. The library, as a hub of knowledge, demonstrates the school's dedication to supporting academic pursuits by offering a diverse collection of books and resources.</p>
        <p>Sarswati Vidya Mandir High School in Kotkhai reflects a dedication to creating an environment that goes beyond just academic instruction. The commitment to providing a nurturing and conducive learning space suggests that the school is invested in the holistic development of its students. This approach recognizes that education extends beyond textbooks and classrooms, encompassing various aspects of a student's well-being and growth. It's clear that the school values not only academic excellence but also the overall development of its students, fostering an environment where they can thrive intellectually, socially, and emotionally. This holistic approach contributes to creating well-rounded individuals who are prepared for the challenges and opportunities that lie ahead.</p>     
		   <p><a href="about-us.html" class="btn"><span>Read More</span></a></p>
      
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->	  
      <div class="col-sm-4 page-sidebar">
        <div class="widget_text widget widget_custom_html">
        
        <h4 class="widget-title subheading heading-size-3">Notice Board</h4>
        <div class="textwidget custom-html-widget">
        <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" height="417px;">
              <ul>
              <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
              <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
               <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
              <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
               <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
              <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
            <li><a href="#"><img src="images/tnew.gif"> Welcome to SARSWATI VIDYA MANDIR HIGH SCHOOL -2022-23</a> for more detail click here.....</li>
            </ul>
            </marquee>
            </div>
            </div>
            </div>
    </div><!--/ row --> 
  </div>
</section><!--/ about-text -->        
<section class="counter-sec">
  <div class="container">
    <div class="row row-bg">
	
      <div class="col-sm-12">      
	    <div class="top mrb-40">
		  <h2>An iso 9001:2000 [Certified School]</h2>
		  <p>Sarswati Vidya Mandir School Haripur 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="25">25</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="20">20</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<br> Rooms</h4>
				<span class="counter-value" data-count="30">30</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">2500</span><span>+</span>
			  </div>
			</div>
		  </div>
		</div><!--/ row -->
      </div>

    </div><!--/ row --> 
  </div>
</section>
<section class="list-grid">
  <div class="container">                 
    <div class="row">
	  
	      
		  <div class="col-sm-12">
		    <div class="news-box">
			  <h3>Principal's <span>Message</span></h3>
			  <figure><img src="images/dummy.jpeg" alt="img"><span>Name</span></figure>
			  <p>The primary goal of our school is to provide a nurturing and enriching environment where students can achieve academic excellence and personal growth. Aiming for more than just the transmission of knowledge, schools aspire to foster a love for learning, critical thinking skills, and a sense of curiosity in students. Beyond academics, we prioritize character development, instilling values such as responsibility, integrity, and respect. The holistic development of students is a key objective, encompassing their physical, emotional, social, and intellectual well-being.</p>
          <p> Sarswati Vidya Mandir High School, Kotkhai also strive to create an inclusive community that celebrates diversity, ensuring equal opportunities for all students. Engaging parents, families, and the broader community in the educational process is another crucial goal, promoting a collaborative approach to support student success. Ultimately, our school aspire to prepare students for the future by equipping them with the skills and knowledge needed for success in higher education or the workforce, fostering adaptability and resilience in an ever-changing world. The overarching goal is to provide a safe, supportive, and dynamic environment where each student can reach their full potential.</p>
	       <p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
	        </div><!--/ -->
	      </div><!--/ col -->
		  
	
    </div><!--/ row --> 
  </div>
</section><!--/ list-grid -->

<section class="facilitie-sec">
  <div class="container">                 
    <div class="row">
	  
	  <div class="col-sm-12 title-tag">
	    <h3><span>Facilities at</span> Sarswati Vidya Mandir High School Kotkhai</h3>
	  </div>
	  
	  <div class="col-sm-3">
	    <div class="grid-box">
	      <figure><image src="images/facilitie-01.png"></figure>
		  <h4>Library</h4>
	    </div>
	  </div><!--/ col -->
	  
	  <div class="col-sm-3">
	    <div class="grid-box">
	      <figure><image src="images/facilitie-02.png"></figure>
		  <h4>Health Center</h4>
	    </div>
	  </div><!--/ col -->
	  
	  <div class="col-sm-3">
	    <div class="grid-box">
	      <figure><image src="images/facilitie-03.png"></figure>
		  <h4>Hostel</h4>
	    </div>
	  </div><!--/ col -->
	  
	  <div class="col-sm-3">
	    <div class="grid-box">
	      <figure><image src="images/facilitie-04.png"></figure>
		  <h4>Sports</h4>
	    </div>
	  </div><!--/ col -->
	
    </div><!--/ row --> 
  </div>
</section><!--/ facilitie-sec -->
<section="map">
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3415.741897133145!2d77.53695277512793!3d31.116904966965475!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39058ca1e4d209c7%3A0x10e9b3b6a7919fe1!2sSaraswati%20Vidya%20Mandir!5e0!3m2!1sen!2sin!4v1697110198598!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="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.html">About Us</a></li>
      <li><a href="academic.html">Academics</a></li>
			<li><a href="fees-structure.html">Fee Structure</a></li>
			<li><a href="activity.html">Activities</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="gallery.html">Gallery</a></li>			
      <li><a href="contact-us.html">Contact Us</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 Kotkhai, Kotkhai Road, District Shimla, H.P. 171202 C.B.S.E. Pattern</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<!-- <div><p><span>Phone No : </span><a href="tel:+91 7051762015">+91 7051762015</a></p></div> -->
		  </address>
		  <address>
		    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
			<!-- <div><p><span>Email : </span><a href="mailto: ssbvmnagrota@gmail.com">ssbvmnagrota@gmail.com</a></div> -->
		  </address>		       		  	 
		</div>
      </div> 
	  
	  <div class="col-sm-12 col-lg-5">
        <div class="wg-1">
          <h4>Our Aim</h4>
          <p>Encouraging students to participate in a wide range of activities, from critical thinking and problem-solving to playing, sharing, and role-playing, reflects a holistic approach to education.</p>
              
            </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 High School Kotkhai.</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-value').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>