HOME

Mini Shell 1.0
DIR:/home/svmschools.org/www/vikasnagar/
Current File : /home/svmschools.org/www/vikasnagar/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>SARASWATI VIDYA MANDIR HIGH SCHOOL VIKASNAGAR</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        
    <link href="css/grid.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;500;600;700;800;900&display=swap" rel="stylesheet">  
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 

	 <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css">
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">    
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.back-to-top').addClass("scroll");
    }
    else{
        $('.back-to-top').removeClass("scroll");
    }
});
</script>
    
</head>
<body>
<header class="header" id="Home"> 
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-8 head-left">
		  <ul>
            <li><a href="tel:+91-98163-59079"><i class="fa fa-phone" aria-hidden="true"></i> +91-98163-59079</a></li>
			<li><a href="tel:0177-2621083"><i class="fa fa-phone" aria-hidden="true"></i> 0177-2621083</a></li>
            <li><a href="mailto:svmshimla@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>svmshimla@gmail.com</a></li>
          </ul>	           
        </div> 
	  
	    <div class="col-sm-4 head-right">
		  <div class="icon-top">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
            <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
          </div>		           
        </div>	
                
      </div><!--/ row -->
    </div>
  </section>
   
  <div class="menu-head">             
    <div class="container">
      <nav class="navbar navbar-default">
        <div class="navbar-header">         
          <div class="col-sm-12 logo">
            <a href="#"><img src="images/logo.png" alt="image"></a>
            <button class="openbtn" onclick="openNav()">&#9776;</button>
          </div>	
        </div>

        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
		    <li><a href="index.html">Home</a></li>
			<li><a href="about-us.html">About Us</a>
			  <ul class="sub-menu">
			    <li><a href="history-school.html">History of School</a></li>
				<li><a href="management.html">Management</a></li>
				<li><a href="infrastructure.html">Infrastructure</a></li>
				<li><a href="facilities.html">Facilities</a></li>
			  </ul>
			</li>
			<li><a href="academics.html">Academics</a>
			  <ul class="sub-menu">
			    <li><a href="faculty.html">Faculty</a></li>
				
			 </ul>
			</li>
			<li><a href="Admissions.html">Admissions</a>
			  <ul class="sub-menu">
			    
				<li><a href="rules.html">Rule &amp; Regulation</a></li>
			  </ul>
			</li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li class="hidden"><a href="#">Online Admission</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </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><a href="about-us.html">About Us</a>
          <ul class="sub-menu">
            <li><a href="history-school.html">History of School</a></li>
          <li><a href="management.html">Management</a></li>
          <li><a href="infrastructure.html">Infrastructure</a></li>
          <li><a href="facilities.html">Facilities</a></li>
          </ul>
        </li>
        <li><a href="academics.html">Academics</a>
          <ul class="sub-menu">
            <li><a href="faculty.html">Faculty</a></li>
          
         </ul>
        </li>
        <li><a href="Admissions.html">Admissions</a>
          <ul class="sub-menu">
            
          <li><a href="rules.html">Rule &amp; Regulation</a></li>
          </ul>
        </li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="activities.html">Activities</a></li>
        <li><a href="contact-us.html">Contact Us</a></li>
        <li class="hidden"><a href="#">Online Admission</a></li>
            </ul>
           </div>
          </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">
		
		  <!-- 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>
            <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
          </ol>
    
          <!-- Wrapper For Slides -->
          <div class="carousel-inner" role="listbox">
            <!-- Third Slide -->
            <div class="item active">
			  <figure><img src="images/slider-01.jpg" alt="image"/></figure>
	          <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Education is the key to success</span>Saraswati Vidya Mandir High School Vikasnagar</h1>
                <p data-animation="animated fadeInDown">Saraswati Vidya Mandir High School Vikasnagar is situated in one of the beautiful place of Himachal Pradesh.</p>              
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </div>
            </div><!-- End of Slide -->  
			
			<div class="item">
			  <figure><img src="images/slider-02.jpg" alt="image"/></figure>
	          <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Education is the key to success</span>Saraswati Vidya Mandir High School Vikasnagar</h1>
                <p data-animation="animated fadeInDown">Saraswati Vidya Mandir High School Vikasnagar is situated in one of the beautiful place of Himachal Pradesh.</p>              
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </div>
            </div><!-- End of Slide -->
			
			<div class="item">
			  <figure><img src="images/slider-03.jpg" alt="image"/></figure>
			  <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Education is the key to success</span>Saraswati Vidya Mandir High School Vikasnagar</h1>
                <p data-animation="animated fadeInDown">Saraswati Vidya Mandir High School Vikasnagar is situated in one of the beautiful place of Himachal Pradesh.</p>              
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </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><!--/ banner -->

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-6 about-left">
	    <h2><span>A Few Words About Us</span>Welcome to Saraswati Vidya Mandir High School Vikasnagar</h2>
		<p>Saraswati Vidya Mandir Vikasnagar stands as a Co-educational institution, providing education in both Hindi and English mediums. It proudly embraces a secular outlook, welcoming students of all backgrounds, without any discrimination based on caste, creed, color, or religion. The school holds affiliation with the Himachal Pradesh Board of School Education, ensuring a standard and quality education for its students.</p>
		<p>At our institution, we strongly advocate learning through practical experiences, actively engaging in doing, thinking, problem-solving, listening, talking, reading, playing, sharing, and role-playing. Our approach focuses on making the learning journey a delightful experience. We are committed to fostering experiential learning, where students can gain valuable insights and skills through hands-on participation and exploration.</p>
		
		<div class="about-call">
		    <p><a href="#" class="btn">View More</a></p>
		    <p><a href="tel:+91-98163-59079"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><span>Contact us <small>+91-98163-59079</small></span></a></p>
          </div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
	   		<div class="images-outer">
		  <div class="image"><img src="images/about-01.jpg" alt=""></div>
		  <div class="image2"><img src="images/about-02.jpg" alt=""></div>
		  <div class="image3"><img src="images/about-03.jpg" alt=""></div>
		  <div class="image4"><img src="images/about-04.jpg" alt=""></div>
		</div>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec --> 
<section class="principal-sec">
	<div class="container">                 
	  <div class="row">
	  
		<div class="col-sm-8 left-grid">
		  <div class="team-box">
				<figure><img src="images/dummy.jpg" alt=""></figure>
				<div class="caption">
				  <h3>FROM  <span>Principal's Desk</span></h3>
			  <p>Our mission is to create an environment that nurtures multifaceted development, motivating children to channel their unique potentials towards excellence. To achieve this, a holistic and student-centric approach is essential, fostering an atmosphere where each student can flourish to their fullest potential.</p>
			  <p>In the present times, a school's responsibility extends beyond mere academic achievements. It now encompasses the vital task of inspiring and empowering students to become lifelong learners, critical thinkers, and valuable contributors to an ever-evolving global community.</p> 
			  <p>We are at SARASWATI VIDYA MANDIR HIGH SCHOOL, VIKASNAGAR committed to maintaining a diverse and inclusive community where every individual is respected and appreciated for their unique qualities. Through a well-rounded curriculum and experiential learning opportunities, we strive to prepare our students for the challenges of an ever-changing world.</p>   
			  </div>
			  </div>
		  
		</div>
		
		<div class="col-sm-4 right-grid">
		  <div class="inner">
			<h3>Do you have any questions? <span>feel free to contact us!</span></h3>
			<form>       
			  <div class="form-group"><input class="form-control" placeholder="Your Name :" type="text"></div>
			  <div class="form-group"><input class="form-control" placeholder="E-mail :" type="text"></div>
			  <div class="form-group"><input class="form-control" placeholder="Phone Number :" type="text"></div>
			  <div class="form-group"><textarea class="form-control">Your Message :</textarea></div>
			  <div class="form-group"><input name="btnsubmit" value="Submit Quiry" class="btn" type="submit"></div>
			</form>
		  </div>
		</div>
	  
	  </div><!--/ row --> 
	</div>
  </section>
<section class="service-sec">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 title">
	    <h2>Our School Activities</h2>
	  </div>
	  
	  <div class="col-sm-3 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/about02.jpg" alt="image"></figure>
	        <h4>Achievements</h4>
		    <p> Learning Wings is a leading provider of school management services, working closely with schools to raise student achievement.</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/about-03.jpg" alt="image"></figure>
		    <h4>Media Center</h4>
		    <p> Media centers are like libraries but have a more modern take on learning centers; they teach children and help them set aside time to focus on education.</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 ss-coll">
	    <div class="info-box">
		  <div class="inner">
		    <figure><img src="images/history.jpg" alt="image"></figure>
	        <h4>Event Calander</h4>
		    <p>This calendar of 2023 school holidays and special days offers a variety of monthly celebrations for your classroom.</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/about-03.jpg" alt="image"></figure>
		    <h4>Photo Gallery</h4>
		    <p>The pictures here will give you a overview for the school campus, the buildings, the classrooms, the library, the happening events.</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  	  	  
    </div><!--/ row --> 
  </div>
</section><!--/ service-sec --> 

<section class="gallery-sec">
    <div class="container">  
		<div class="row right">
			<div class="col-sm-12">PHOTO GALLERY</div>
		</div>      
      <div class="portfolio-item row">
		   
        <div class="item col-md-4 aos-init aos-animate" data-aos="zoom-in">
            <a href="images/img02.jpg" data-lightbox="mygallery">
            <img class="img-fluid" src="images/img02.jpg" alt="">
          </a>
        </div>
        <!--/ end -->
        
        <div class="item col-md-4 aos-init aos-animate" data-aos="zoom-in">
            <a href="images/gallery-1.jpg" data-lightbox="mygallery">
            <img class="img-fluid" src="images/gallery-1.jpg" alt="">
          </a>
        </div>
        <!--/ end -->
        
        <div class="item col-md-4 aos-init aos-animate" data-aos="zoom-in">
            <a href="images/gallery-2.jpg" data-lightbox="mygallery">
            <img class="img-fluid" src="images/gallery-2.jpg" alt="">
          </a>
        </div>
        <!--/ end -->
        
        <div class="item col-md-4 aos-init aos-animate" data-aos="zoom-in">
            <a href="images/gallery-3.jpg" data-lightbox="mygallery">
            <img class="img-fluid" src="images/gallery-3.jpg" alt="">
          </a>
        </div>
        <!--/ end -->
        
        <div class="item col-md-4 aos-init aos-animate" data-aos="zoom-in">
            <a href="images/gallery-4.jpg" data-lightbox="mygallery">
            <img class="img-fluid" src="images/gallery-4.jpg" alt="">
          </a>
        </div>
        <!--/ end -->
        <div class="item col-lg-4 aos-init aos-animate" data-aos="zoom-in">
          <a href="images/img01.jpg" data-lightbox="mygallery">
          <img class="img-fluid" src="images/img01.jpg" alt="">
        </a>
      </div>
        
              </div><!--/ portfolio-item -->
          </div><!--/ container -->
    </section>
	
<section class="best-offer">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 bf-coll">
	      <h2>A great place for your child to grow up.</h2>
		  <h5>We promise to help your child develop and learn through fun and creativity.</h5>
		  <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.</p>
		  <div class="contact-info">
		    <div class="media">
              <div class="media-body">
                <div class="phone"><span>+91</span> 98163-59079, 0177-2621083</div>
			  </div>
            </div>
            <div class="media">
              <div class="media-body">SARASWATI VIDYA MANDIR HIGH SCHOOL VIKASNAGAR. P-O- Kasumpti, Teh & DISTT. Shimla 171009
				<br>Email : <a href="mailto:svmshimla@gmail.com">svmshimla@gmail.com</a></div>
			</div>
          </div>
	  </div>
	
    </div><!--/row -->
  </div>
</section>

<section="map">
	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3416.513355143997!2d77.18897627531454!3d31.095460968012656!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390578a127339a01%3A0x19bcfc466955ff0d!2sSaraswati%20Vidya%20Mandir%20High%20School!5e0!3m2!1sen!2sin!4v1691146294373!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="back-to-top scroll"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-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-4 ft1">
        <div class="wg-1">
          <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
		  <p>Saraswati Vidya Mandir Vikasnagar strives to provide a nurturing and conducive learning environment where students can flourish academically and grow into responsible, compassionate, and globally-aware individuals.</p>
		  <div class="icon-ft">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
            <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->

      <div class="col-sm-2 ft2">
        <div class="wg-1">
          <h4>Quick Links</h4>
          <ul>
            <li><a href="index.html">Home</a></li>
			<li><a href="about-us.html">About Us</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li><a href="#">Online Admission</a></li>
          </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 

	  <div class="col-sm-3 ft3">
        <div class="wg-1">
          <h4>Contact us</h4>		          	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p>Saraswati Vidya Mandir High School Vikasnagar. P-o- Kasumpti, Teh & Distt. Shimla 171009</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:9857375168">+91-98163-59079</a></p>
				<p><a href="phone">0177-2621083</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:svmshimla@gmail.com">svmshimla@gmail.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 ft4">
        <div class="wg-1">
          <h4>Open Time</h4>		          	  		
		  <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 3pm<br> Saturday: 8am to 2pm</p>
		  <p><strong>Vacation:</strong><br> All Sunday Off</p>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
           
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6"><p class="copyright">©Copyright 2023 All Rights reserved by Saraswati Vidya Mandir High School Vikasnagar</p></div>
		
		<div class="col-sm-6">
		  <p class="text-right">Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</a></p>
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>      
<script src="js/script.js"></script>    
<script src="js/owl.carousel.js"></script>  
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>
<script>
	$('.portfolio-menu ul li').click(function(){
	$('.portfolio-menu ul li').removeClass('active');
	$(this).addClass('active');
	var selector = $(this).attr('data-filter');
	$('.portfolio-item').isotope({
	 filter:selector
	});
	return  false;
	 });
	$(document).ready(function() {
	 var popup_btn = $('.popup-btn');
	 popup_btn.magnificPopup({
	  type : 'image',
	gallery : {
	enabled : true
	}});
	});
	</script>  
<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>
<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,2],
        navigation : true, 
        itemsDesktopSmall : [979,2],
        itemsMobile : [767,1]
      });

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

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

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
<script>
	function openNav() {
	  document.getElementById("myOffcanvas").classList.add("open");
	}
	
	function closeNav() {
	  document.getElementById("myOffcanvas").classList.remove("open");
	}
	
	</script>
	
</body>
</html>