HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/jaidevi/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 Jaidevi</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>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></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>	
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
   <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css">
   
    <!--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 text-left">
		  <div class="phn-detail">
		    <ul>
            <li><a href="tel:+91 9816093137" class="btn"><i class="fa fa-phone"></i>+91 9816093137</a></li>
            <li><a href="mailto:svmjaidevi@gmail.com"  class="btn"><i class="fa fa-envelope-o"></i>svmjaidevi@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">
			
          <a class="navbar-brand nav-logo" href="#"><img src="images/jaidevi_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><a href="about.html">About Us</a> </li>
			<li><a href="admissions.html">Admissions</a> </li>								
			<li><a href="facility.html">Facilities</a></li>
			<li><a href="activity.html">Activities</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="faculty.html">Faculty</a>
			  <ul class="sub-menu">
			   <li><a href="parental cooperation.html">Parental Cooperation	</a></li>
			  </ul>
			</li>
			<li><a href="contact.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><a href="about.html">About Us</a> </li>
			<li><a href="admissions.html">Admissions</a> </li>								
			<li><a href="facility.html">Facilities</a></li>
			<li><a href="activity.html">Activities</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="faculty.html">Faculty</a>
			  <ul class="sub-menu">
			   <li><a href="parental cooperation.html">Parental Cooperation	</a></li>
			  </ul>
			</li>
			<li><a href="contact.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/slider1.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="">We are engaged to give you <span>A good Future</span></h1>
            <p data-animation="animated fadeInDown" class="">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</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/slider2.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="">We are engaged to give you <span>A good Future</span></h1>
            <p data-animation="animated fadeInDown" class="">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</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 -->    
  
  <div class="curve-shape"><img src="images/bg-01.png" alt="image"></div>  
</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="#">Download Forms</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest just eget nunc.</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="#">Mandatory Disclosure</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest just eget nunc.</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="#">Events Calendar</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest just eget nunc.</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 Jaidevi</h2>
		<p>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 Jaidevi 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="#" class="btn"><span>View 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="animation-jump" src="images/dot-bg.png" alt="">
		  <img src="images/Screenshot-2.png" alt="">
		  <img class="img-2" src="images/Screenshot-9.png" 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 Activities</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>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque.</p>
		        </div>
		      </div>
		    </a>
		  </div>
		  
		  <div class="item">
		    <a href="#">
			  <figure><img src="images/annualday.jpeg" alt="Image"></figure>
			  <div class="course-name">
			    <div class="course-padd">
                  <h4>Annual Day Function</h4>  		  
		          <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque.</p>
		        </div>
		      </div>
		    </a>
		  </div>
		  
		  <div class="item">
		    <a href="#">
			  <figure><img src="images/sciencelab.jpg" alt="Image"></figure>
			  <div class="course-name">
			    <div class="course-padd">
                  <h4>Science Lab</h4>  		  
		          <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque.</p>
		        </div>
		      </div>
		    </a>
		  </div>
		  
		  <div class="item">
		    <a href="#">
			  <figure><img src="images/computerlab2.jpg" alt="Image"></figure>
			  <div class="course-name">
			    <div class="course-padd">
                  <h4>Computer Lab</h4>  		  
		          <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque.</p>
		        </div>
		      </div>
		    </a>
		  </div>
		  
		  <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>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque.</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-8 Principal-left">
	    <div class="Principal-padd">
		  <h2>Principal's Message</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/female.jpg" alt="img"><span>– abc –</span></figure>
		  <p><b>Dear Students,</b></p>
		  <p>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. 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><a href="#" class="btn">View More</a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 Principal-right">
	    <div class="notice-board">
	      <h2>Notice Board</h2>
		  <div class="news-box">
		     <div class="marquee-container">
			<div class="marquee-content">
				<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>
				  </ul>
				</marquee>
			</div>
		</div>
		</div>	
			
	    </div>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section>  

<section class="student-feedback">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <h2><span>Students Feedback</span>What Our Students Say About Us</h2>
	  </div>
	  
	  <div class="col-sm-12 pad-0">
	    <div id="owl-demo-2">
		
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Sh. Babu Ram <span>Class 9th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/female.jpg" alt=""></figure>
			    <h4>Ms. Bhavna Handa <span>Class 8th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Sh. Chirag Sharma <span>Class 7th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Sh. Mohit Singla <span>Class 9th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/female.jpg" alt=""></figure>
			    <h4>Ms. Radhika <span>Class 8th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Sh. Rajat Pathak <span>Class 7th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Sh. Manoj Kaptha <span>Class 9th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Sh. Somil Gautam <span>Class 8th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Sh. Somil Gautam <span>Class 7th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>At vero eos et accusamus et iusto odio ducimus qui deleniti atque corrupti quos dolores et quas molestias excepturi sint non similique sunt in culpa qui officia deserunt mollitia animi.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		</div><!--/ owl-demo --> 
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  student-feedback  --> 

<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 Place Holder 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/logo.png" alt="image"></a></div-->
		  <h4>Sarswati Vidya Mandir Jaidevi</h4>
		  <p>Lorem ipsum dolor sit amet conse ctetur adipi scing elit sed do tempor ut labore et dolore magna aliqua Ut enim ad quis nostrud exercit ation ullamco laboris nisi ut aliquip commodo.</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-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="#">Home</a></li>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Admissions</a></li>
			<li><a href="#">Facilities</a></li>
			<li><a href="#">Rule & Regulations</a></li>
			<li><a href="#">On-Line Registration</a></li>
			<li><a href="#">Photo Gallery</a></li>
			<li><a href="#">Contact Us</a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-3">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address><i class="fa fa-map-marker"></i> <div>SARASWATI VIDYA MANDIR SCHOOL JAIDEVI	V.P.O. Jaidevi , DISTT -Mandi(H.P),PIN 175031</div></address>
		  <address><i class="fa fa-envelope-o"></i> <div><a href="mailto:svmjaidevi@gmail.com">svmjaidevi@gmail.com</a> </div></address>
		  <address><i class="fa fa-phone"></i> <div><a href="tel:+91 9816093137"> +91 9816093137</a></div></address>
		</div>
      </div> 
	  
	  <div class="col-sm-3">
        <div class="wg-1">
		  <h4>School Timing</h4>
		  
		  <ul>
		    <li>Monday-Friday: <span>9am to 5pm</span>
			<li>Saturday: <span>10am to 2pm</span>
			<li>Sunday: <span>Closed</span></li>
		  </ul>
		</div>
      </div>       
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6 text-left">
		  <p>Copy © 2023 All Rights Reserved with Sarswati Vidya Mandir Jaidevi.</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>
	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 : 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>
	<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>
	// Optional: Pause marquee on hover
	$('.marquee-container').hover(function() {
		$('.marquee-content').css('animation-play-state', 'paused');
	}, function() {
		$('.marquee-content').css('animation-play-state', 'running');
	});
</script>

</body>

</html>