HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/theog/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 Theog</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 89880 37032"><i class="fa fa fa-phone"></i> +91 89880 37032</a></li>
                <li><a href="mailto: ssbvmnagrota@gmail.com"><i class="fa fa-envelope-o"></i>svmTheog2012@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>Theog</span><small> District Shimla, H.P. 171209 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="himachal-shiksha-samiti.html">Himachal Shiksha Samiti</a></li>
          <li><a href="infrastructure.html">Infrastructure</a></li>
                </ul>
              </li>
              <li class="li-arrow"><a href="#">Academic</a>
          <ul class="sub-menu">
          <li><a href="admission-rules.html">Admission</a></li>
          <li><a href="fees-structure.html">Fee Structure</a></li>
          <li><a href="school-houses.html">School Houses</a></li>              
          </ul>
          </li>			
        <li><a href="activity.html">Activities</a></li>
        <li><a href="facilities.html">Facilities</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="himachal-shiksha-samiti.html">Himachal Shiksha Samiti</a></li>
          <li><a href="infrastructure.html">Infrastructure</a></li>
                </ul>
              </li>
              <li class="li-arrow"><a href="#">Academic</a>
          <ul class="sub-menu">
          <li><a href="admission-rules.html">Admission</a></li>
          <li><a href="fees-structure.html">Fee Structure</a></li>
          <li><a href="school-houses.html">School Houses</a></li>              
          </ul>
          </li>			
        <li><a href="activity.html">Activities</a></li>
        <li><a href="facilities.html">Facilities</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-12 about-left pull-right">
	    <div class="about-padd">
	      <h3>Welcome to <span>Sarswati Vidya Mandir High School Theog</span></h3>
	      <figure class="thumbnail"><img src="images/about-01.jpg" alt="image"></figure>
		  <p>SVM High Shool Theog is a Co-educational Hindi and English Medium School. The school is open to all irrespective of caste, creed, color or religion and strictly secular.</p>

			<p>The school is affiliated to the Himachal Pradesh Board of School Education. SVM School 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.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>
		  <p><a href="about-us.html" class="btn"><span>Read More</span></a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-text -->        

<section class="list-grid">
  <div class="container">                 
    <div class="row">  
		  <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 class="col-sm-8">
      <div class="news-box">
      <h3>Principal's <span>Message</span></h3>
      <figure><img src="images/dummy.jpeg" alt="img"><span>M. K. Sharma</span></figure>
      <p>Dear Parents.
      Today, the role of a school is not only to pursue academic excellence but also to motivate and empower its students to be life long learners, critical thinkers, and productive members of an ever-changing global society.</p>

  <p>A school must try to provide its students with an atmosphere for multifaceted development, where children are encouraged to channelize their potential in the pursuit of excellence. This can only be possible in a holistic, student-centric environment.</p>

  <p>The talents, skills, and abilities of each student need to be identified, nurtured, and encouraged so that he/she is able to reach greater heights. Students need to be provided with a platform to think, express, and exhibit their skills. It is necessary to empower them to negotiate several issues that confront them, with the teacher being a facilitator.</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 Theog</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 class="mid-wrap">
  <div class="container">    
    <div class="row">

      <div class="col-sm-6">
        <h3>Our Vision & Mission</h3>
        <p>SVM High School Theog emerges as a beacon of inclusive education, embracing students from all walks of life, regardless of caste, creed, color, or religion. Aligned with the Himachal Pradesh Board of School Education, the school's vision is to create a dynamic and innovative learning environment. The ethos of SVM lies in the belief that education is best absorbed through experiential learning—a philosophy woven into the fabric of the institution. With a commitment to academic excellence, the school strives to nurture not only the intellectual capacities of its students but also their physical, social, and emotional well-being.</p>
        <p>State-of-the-art laboratories and a focus on scientific inquiry underscore SVM's dedication to fostering a scientific temperament among its students. Through a blend of creativity, critical thinking, and problem-solving, SVM High School Theog aspires to shape well-rounded individuals who contribute meaningfully to both local and global communities.</p>
      </div><!--/ col -->            
    <div class="col-sm-6 left-sidebar">
	  <h3>Our State Toppers</h3>
    <div id="owl-demo" class="owl-carousel owl-theme">
      
      <div class="item">
        <figure>
          <img src="images/female.jpg" alt="Owl Image">
          <div class="content-box">
            <h4>Manvi </h4>
            <p>10<sup>th</sup>Class</p>
          </div>
        </figure>
      </div>
      <div class="item">
        <figure>
          <img src="images/female.jpg" alt="Owl Image">
          <div class="content-box">
            <h4>Diksha Katyal</h4>
            <p>10<sup>th</sup>Class</p>
          </div>
        </figure>
        </div>
      <div class="item">
        <figure>
          <img src="images/male.jpg" alt="Owl Image">
          <div class="content-box">
            <h4>Akshit Sharma</h4>
            <p>10<sup>th</sup>Class</p>
          </div>
        </figure>
      </div>
      <div class="item">
        <figure>
          <img src="images/female.jpg" alt="Owl Image">
          <div class="content-box">
            <h4>Ojaswini Upmanyu</h4>
            <p>12<sup>th</sup>Class</p>
          </div>
        </figure>
      </div>
      <div class="item">
        <figure>
          <img src="images/female.jpg" alt="Owl Image">
          <div class="content-box">
            <h4>Tarnija Sharma</h4>
            <p>12<sup>th</sup>Class</p>
          </div>
        </figure>
      </div>
      <div class="item">
        <figure>
          <img src="images/female.jpg" alt="Owl Image">
          <div class="content-box">
            <h4>	Vrinda Thakur</h4>
            <p>12<sup>th</sup>Class</p>
          </div>
        </figure>
      </div>
     
     
    </div>
	  </div><!--/ left-sidebar -->
	  
	  
      
    </div>
  </div>
</section><!--/ mid-wrap -->
  
<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="Curriculum.html">Academics</a></li>
			<li><a href="fees-structure.html">Fees 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="#">Downloads</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 Theog Distt.- Shimla Himanchal Pradesh Pin Code. 171209 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 89880 37032">+91 7018292884</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">svmTheog2012@gmail.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=!1m14!1m8!1m3!1d13662.96824593133!2d77.5395277!3d31.1169004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39058ca1e4d209c7%3A0x10e9b3b6a7919fe1!2sSaraswati%20Vidya%20Mandir!5e0!3m2!1sen!2sin!4v1688475476107!5m2!1sen!2sin" width="100%" height="250" 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 High School Theog.</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, //Set AutoPlay to 3 seconds

     items : 2,
     itemsDesktop : [1199,3],
     itemsDesktopSmall : [979,3]

 });

});
</script>
</body>
</html>