HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/rewalsar/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, REWALSAR</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="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" id="Home">
  <section class="top-sec">    
    <div class="container">
      <div class="row">
        
        <div class="col-sm-7">
		  <div class="phn-detail">
		    <ul>
            <li><a href="tel:+91 9816626674" class="btn"><i class="fa fa-phone"></i>+91-9816626674</a></li>
            <li><a href="mailto:Svmrewalsar97@ gmail. com"><i class="fa fa-envelope-o"></i>Svmrewalsar97@gmail.com</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-google-plus"></i></a>			
            <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>			
            <a href="#" target="_blank"><i class="fa fa-whatsapp"></i></a>			
		  </div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">		  
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button class="openbtn" onclick="openNav()">&#9776;</button>
          <a class="navbar-brand nav-logo" href="#"><img src="images/logo-rewalsar.png" alt="image"></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 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="trustees.html">Trustees</a></li>
                <li><a href="vision.html">Vision and Mission</a></li>
				<li><a href="question.html">School FAQ</a></li>
              </ul>
            </li>
			<li class="li-arrow"><a href="admission.html">Admissions</a>            
              <ul class="sub-menu">
                <li><a href="online-admission.html">Online Admission</a></li>
                <li><a href="academic-program.html">Academic Program</a></li>
				<li><a href="fee-structure.html">Fee Structure</a></li>
				<li><a href="rules.html">Rules and regulations</a></li>
				
              </ul>
            </li>								
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="gallery.html">Photo Gallery</a></li>
			</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">
          <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="trustees.html">Trustees</a></li>
                <li><a href="vision.html">Vision and Mission</a></li>
				<li><a href="question.html">School FAQ</a></li>
              </ul>
            </li>
			<li class="li-arrow"><a href="admission.html">Admissions</a>            
              <ul class="sub-menu">
                <li><a href="online-admission.html">Online Admission</a></li>
                <li><a href="academic-program.html">Academic Program</a></li>
				<li><a href="fee-structure.html">Fee Structure</a></li>
				<li><a href="rules.html">Rules and regulations</a></li>
				
              </ul>
            </li>								
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="gallery.html">Photo Gallery</a></li>
			</li>
			<li><a href="contact-us.html">Contact Us</a></li>
          </ul>
             </div>
            </div>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner">
  <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">    
    <!-- Wrapper For Slides -->
    <div class="carousel-inner" role="listbox">
      <!-- Third Slide -->
	  
      <div class="item active">
        <img src="images/banner1.jpg" alt="image" class="slide-image">
        <div class="bs-slider-overlay"></div>
        <div class="slide-text">
          <div class="slide-table">
            <h1 data-animation="animated fadeInDown" class="">Education is not preparation for life,<span> education is life itself.</span></h1>
            <p data-animation="animated fadeInDown" class="">Education helps us get exposure to new ideas and concepts that we can use to appreciate and improve the world around us and the world within us.</p>
            <!-- <a href="#" class="btn" data-animation="animated fadeInDown"><span>Learn More</span></a> -->
          </div>
        </div>
      </div><!-- End of Slide -->
	  
	  <div class="item">
        <img src="images/banner2.jpg" alt="image" class="slide-image">
        <div class="bs-slider-overlay"></div>
        <div class="slide-text">
          <div class="slide-table">
            <h1 data-animation="animated fadeInDown" class="">Education is not preparation for life,<span> education is life itself.</span></h1>
            <p data-animation="animated fadeInDown" class="">Education helps us get exposure to new ideas and concepts that we can use to appreciate and improve the world around us and the world within us.</p>
            <!-- <a href="#" class="btn" data-animation="animated fadeInDown"><span>Learn More</span></a> -->
          </div>
        </div>
      </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 -->    
 
</section>

<section class="about-tag">
  <div class="container">
    <div class="row">  
	  
	  <div class="col-sm-4 col">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-cloud-download" aria-hidden="true"></i></a></figure>
		  <h4><a href="job-form.html">Apply for the job</a></h4>
		  <p>The important forms related to the job procedure, can be downloaded from here.</p></div>	  
      </div>
	  
	  <div class="col-sm-4 col">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-check-square-o" aria-hidden="true"></i></a></figure>
		  <h4><a href="online-admission.html">Online Admission</a></h4>
		  <p>You can download the forms associated with the job application process from this location.</p>
		  </div>	  
      </div>
	  
	  <div class="col-sm-4 col">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-calendar" aria-hidden="true"></i></a></figure>
		  <h4><a href="event-cal.html">Events Calendar</a></h4>
		  <p>Discover a comprehensive list of events and festivals taking place throughout the year.</p></div>	  
      </div>	  
	  
    </div>
  </div>
</section>    

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-6 about-left">
	    <h2><span>Welcome To </span>SARSWATI VIDYA MANDIR HIGH SCHOOL REWALSAR</h2>
      <p>Sarswati Vidya Mandir High School Rewalsar 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>
      <p>Sarswati Vidya Mandir High School Rewalsar 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>
		<p><a href="#" class="btn"><span>know more<i class="fa fa-angle-double-right" aria-hidden="true"></i></span></a></p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
	    <figure>
		  
		  
		  <img class="img-2" src="images/gallery1.jpg" alt="">
		</figure>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->

<section class="course-categories">
  <div class="container">
    <div class="row">
      
	  <div class="col-md-12 mrb-20">
	    <h2><span>School Facilities</span></h2>
	  </div>
	  
	  <div class="col-md-12 pad-0">
		<div id="owl-demo">
		  <div class="item">
		    <a href="#">
			  <figure><img src="images/sportsday.jpg" alt="Image"></figure>
			  <div class="course-name">
			    <div class="course-padd">
                  <h4>Sport Day Function</h4>  		  
		          <p>The school has modern aesthetically designed activity room. It is equipped with the latest sound and lighting systems and can accommodate upto 500 persons.</p>
		        </div>
		      </div>
		    </a>
		  </div>
		  
		  <div class="item">
		    <a href="#">
			  <figure><img src="images/annual-day.jpg" alt="Image"></figure>
			  <div class="course-name">
			    <div class="course-padd">
                  <h4>Annual Day Function</h4>  		  
		          <p>Annual function is organized by the school every year in which the students perform various cultural activities and meritorious students are awarded for their achievements in different fields-academic, sports and other activities.</p>
		        </div>
		      </div>
		    </a>
		  </div>
		  
		  <div class="item">
		    <a href="#">
			  <figure><img src="images/Science-Lab.jpg" alt="Image"></figure>
			  <div class="course-name">
			    <div class="course-padd">
                  <h4>Science Lab</h4>  		  
		          <p>Well-equipped and modernized Physics, Chemistry and Biology composite lab provides the practical knowledge in the sphere of science.</p>
		        </div>
		      </div>
		    </a>
		  </div>
		  
		  <div class="item">
		    <a href="#">
			  <figure><img src="images/computer-lab.jpg" alt="Image"></figure>
			  <div class="course-name">
			    <div class="course-padd">
                  <h4>Computer Lab</h4>  		  
		          <p>In our schoolComputer lab is equipped with a network of 40 computers having Bharat Fiber connection, scanner, projectors and latest training software.</p>
		        </div>
		      </div>
		    </a>
		  </div>
		  
		 
		  
		</div>
      </div><!--/ col-md-12 -->	
          
    </div><!--/ row -->	
  </div>
</section><!--/ course-categories  --> 

<section class="counter-sec">
  <div class="container">
    <div class="row" 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>Professionals<br> Teachers</h4>
	      <span class="counter-value" data-count="50">0</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>Student <br>Results</h4>
	      <span class="counter-value" data-count="100">0</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>Student<br> Satisfaction</h4>
	      <span class="counter-value" data-count="100">0</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>Years of <br>experience</h4>
	      <span class="counter-value" data-count="15">0</span> <span>%</span>
	    </div>
	  </div>
	  </div>

    </div><!--/ row --> 
  </div>
</section><!--/ counter-sec -->

<section class="Principal-text">  
  <div class="container">
    <div class="row">          
	
	  <div class="col-sm-12 Principal-left">
	    <div class="Principal-padd">
		  <h2>FROM THE DESK OF PRINCIPAL</h2>
		  <!--div class="tag-line"><p>“Real Education has to draw out the best from the students to be educated” <span>Mahatma Gandhi Ji</span></p></div-->
		  <figure><img src="images/principal.png" alt="img">
        <p style="text-align: center;">– NAME HERE –</p></figure>
			  <p>The present global ideology of progress, growth and development, invariably leads to increasing concerns about the erosion of human value, crisis to character and above all, the crisis of human resource- “making of the man” All other crisis like climate change emergence of religious fundamentalism, trust deficit among communities, nations and others are an outcome of the deficiency on these fronts, emergence of a couple of crises is a part of the process of civilization evolution Human ingenuity lies in over coming these. If one aims at total solution, one is bond to achieve major break through. Education for all requires efforts of all, and liberal investment of material and human resources. The dynamic nature of education enlightens the path to move ahead towards peace, progress and vasudaiv Kutumbhkm.</p>
      <p><a href="#" class="btn">View More</a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
                  
	  	   
   </div><!--/ row --> 
  </div>
</section>  
<section class="students-achievement">
  <div class="container">
    <div class="row">
      
	  <div class="col-md-12 mrb-20">
	    <h2><span>Shining Stars Of Our School</span></h2>
	  </div>
	  
	  <div class="col-md-12 pad-0">
		<div id="owl-demo-2">
		  <div class="item">
		    <a href="#">
			  <figure><img class="student-section" src="images/img-01.png" alt="Image"></figure>
        <span class="name-student">Name</span>
			  </a>
		  </div>
		  
		  <div class="item">
		    <a href="#">
			  <figure><img class="student-section" src="images/img-01.png" alt="Image"></figure>
        <span class="name-student">Name</span>
			    </a>
		  </div>
		  
		  <div class="item">
		    <a href="#">
			  <figure><img class="student-section" src="images/img-01.png" alt="Image"></figure>
        <span class="name-student">Name</span>
			    </a>
		  </div>
		  <div class="item">
		    <a href="#">
			  <figure><img class="student-section" src="images/img-01.png" alt="Image"></figure>
        <span class="name-student">Name</span>
			 </a>
		  </div>
		  
		  
		</div>
      </div><!--/ col-md-12 -->	
          
    </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 Email 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"><a href="#"><img src="images/logo1.jpg" alt="image"></a></div-->
		  <h4>SVM High School</h4>
		 <p>“Sarswati Vidya Mandir” is a temple of learning, offering equal opportunities to learners. Our school - is an English medium, Co-educational school affiliated to the Himachal Pradesh Board of School Education.</p>
		  <div class="icon-ft">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a>
            <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
            <a href="#" target="_blank"><i class="fa fa-whatsapp"></i></a>
          </div>
        </div>
      </div>       
      
      <div class="col-sm-3">
        <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="rules.html">Rule & Regulations</a></li>
			<li><a href="online-admission.html">On-Line Registration</a></li>
			<li><a href="gallery.html">Photo Gallery</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-4">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address><i class="fa fa-map-marker"></i> <div>Saraswati Vidya Mandir High School. P.O. - Rewalsar District- Mandi (H.P.)  Pincode - 175023</div></address>
		  <address><i class="fa fa-envelope-o"></i> <div><a href="mailto:Svmrewalsar97@gmail.com">Svmrewalsar97@gmail.com</a> 
      </div></address>
		  <address><i class="fa fa-phone"></i> <div><a href="tel: +91-9816626674"> 9816626674</a></div></address>
		</div>
      </div> 
	  
	  <div class="col-sm-2">
        <div class="wg-1">
		  <h4>SCHOOL TIMINGS</h4>
		  <p>Opening Day:</p>		  
		  <ul>
		    <li>Monday - Saturday: <span>8am to 3pm</span>
			
			
		  </ul><br>
      <p>Vacation:</p>
        <ul><li>All Sunday Off</li></ul>
		</div>
      </div>       
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6">
		  <p>Copyright © 2023 All Rights Reserved with Sarswati Vidya Mandir High School Rewalsar</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>
$('.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 : [768,2],
        itemsMobile : [481,1]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,2],
        navigation : true, 
        itemsDesktopSmall : [768,2],
        itemsMobile : [481,1]
      });

    });

	$(document).ready(function() {
      $("#owl-demo-3").owlCarousel({
        autoPlay: 3000,
        items : 1,
        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>
<script>
	function openNav() {
	  document.getElementById("myOffcanvas").classList.add("open");
	}
	
	function closeNav() {
	  document.getElementById("myOffcanvas").classList.remove("open");
	}
	
	</script>
</html>