HOME

Mini Shell 1.0
DIR:/home/svmschools.org/www/kamlanagar/
Current File : /home/svmschools.org/www/kamlanagar/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 Kamlanagar</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 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:0177-2843235"><i class="fa fa-phone" aria-hidden="true"></i> +91 0177-2843235</a></li>
				  <li><a href="mailto:svmkamlanagar@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>svmkamlanagar@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">
			<button class="openbtn" onclick="openNav()">&#9776;</button>
			
				<a class="navbar-brand nav-logo" href="#">
			  <img class="logo-fix" src="images/shiksha-logo.png" alt="image" />
			<h1>SVM Gian Deep Parisar High School  <small><br>  kamlanagar shimla H.P. 171006</small></h1>
			</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><a href="about-us.html">About Us</a></li>
			<li><a href="academic.html">Academic</a></li>
			<li><a href="admission.html">Admission</a></li>
			<li><a href="activities.html">Activities</a>
			  <ul class="sub-menu">
				<li><a href="parental.html">Rules & Regulations</a></li>
			  <li><a href="facilities.html">Facilities</a></li>
			  </ul>
			</li>
			<li><a href="Gallery.html">Gallery</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><a href="about-us.html">About Us</a></li>
			<li><a href="academic.html">Academic</a></li>
			<li><a href="admission.html">Admission</a></li>
			<li><a href="activities.html">Activities</a>
			  <ul class="sub-menu">
				<li><a href="parental.html">Rules & Regulations</a></li>
			  <li><a href="facilities.html">Facilities</a></li>
			  </ul>
			</li>
			<li><a href="Gallery.html">Gallery</a></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">
		
		  <!-- 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>Generation Marching to Smart Future</span>Saraswati vidya mandir Kamlanagar</h1>
                <p data-animation="animated fadeInDown">Sarswati Vidya Mandir Kamlanagar School 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>Generation Marching to Smart Future</span>Saraswati vidya mandir Kamlanagar</h1>
                <p data-animation="animated fadeInDown">Sarswati Vidya Mandir Kamlanagar School 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>Generation Marching to Smart Future</span>Saraswati vidya mandir Kamlanagar</h1>
                <p data-animation="animated fadeInDown">Saraswati Vidya Mandir Kamlanagar 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 Kamlanagar</h2>
		<p>The school embraces inclusivity by welcoming students from all backgrounds, regardless of their caste, creed, color, or religion. It upholds a strictly secular environment. Saraswati Vidya Mandir Kamlanagar prioritizes innovation in education, focusing on practical learning through hands-on experiences. We encourage students to engage in activities such as critical thinking, problem-solving, active listening, effective communication, reading, playing, sharing, and role-playing. By fostering these approaches, we aim to make the learning process a delightful and enriching experience. Moreover, the school is affiliated with the Himachal Pradesh Board of School Education, ensuring a comprehensive academic curriculum.</p>
	
		<div class="about-call">
		    <p><a href="#" class="btn">View More</a></p>
		    <p><a href="tel:+91 0177-2843235"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><span>Need Any Question <small>+91 0177-2843235</small></span></a></p>
          </div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
	    <figure>
		  <img src="images/about-globe.png" alt="" class="image-about">
		  <img src="images/about-bg.png" alt="" class="image-circle img-responsive">
		</figure>
		<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="counter-sec">
	<div class="container">
	  <div class="row row-bg">
	  
		<div class="col-sm-12">
		  <div class="icon-one move_anim"><img src="images/effect-01.png" alt="image"></div>
		  <div class="icon-two image-circle"><img src="images/effect-02.png" alt="image"></div>
		  <div class="icon-three image-circle"><img src="images/effect-03.png" alt="image"></div>
		  <div class="top mrb-40">
			<h2>An iso 9001:2000 [Certified School]</h2>
			<p>Saraswati Vidya Mandir Kamlanagar is situated in one of the beautiful place of Himachal Pradesh. <br>Though entire Himachal Pradesh is famous for its panoramic beauty.</p>
		  </div>
		  
		  <div id="counter">
			<div class="col-sm-3 counter-Txt">
			  <div class="counter-padd">
				<figure><img src="images/counter-01.png" alt="images"></figure>
				<div>
				  <h4>Years of Experience</h4>
				  <span class="counter-value" data-count="34">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>Professional Teachers</h4>
				  <span class="counter-value" data-count="25">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>Class Rooms</h4>
				  <span class="counter-value" data-count="40">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>Students At SVM, kamlanagar</h4>
				  <span class="counter-value" data-count="3500">15</span><span>+</span>
				</div>
			  </div>
			</div>
		  </div><!--/ row -->
		</div>
  
	  </div><!--/ row --> 
	</div>
  </section><!--/ counter-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.jpeg" alt=""></figure>
				<div class="caption">
				  <h3>From The Desk of <span>Principal</span></h3>
				  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
				  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
				  <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</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="tag-sec">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 tw-coll ">
	    <div class="info-content">
	      <div class="inner">
		    <h3>Fee Structure 2023-24</h3>
	        <h4><a href="fees-structure.html">[Click here]</a> to view Fee structure Sarswati Vidya Mandir Kamlanagar School for session 2023-24.</h4>
	      </div>	  
	    </div>	  
	  </div>
	  
	   
	  
    </div><!--/ row --> 
  </div>
</section><!--/ tag-sec --> 

<section class="service-sec">
    <div class="container">
      <div class="row">

        <div class="col-sm-12 title">
          <h2>Our State Toppers</h2>
        </div>

        <div class="col-sm-3 ss-coll">
          <div class="info-box">
            <div class="inner">
              <figure><img src="images/female.jpg" alt="image"></figure>
              <h4>Akshima Thakur</h4>
              <p>1st Position In HP BOSE Dharamshala</p>
            </div>            
          </div>
        </div>

        <div class="col-sm-3 ss-coll">
          <div class="info-box">
            <div class="inner">
              <figure><img src="images/female.jpg" alt="image"></figure>
              <h4>Nikita Kalia</h4>
              <p>8th Position In HP BOSE Dharamshala</p>
            </div>            
          </div>
        </div>

        <div class="col-sm-3 ss-coll">
          <div class="info-box">
            <div class="inner">
              <figure><img src="images/female.jpg" alt="image"></figure>
              <h4>Seema Negi</h4>
              <p>+2 CBSE Topper <br>HP BOSE Dharamshala</p>             
            </div>            
          </div>
        </div>

        <div class="col-sm-3 ss-coll">
          <div class="info-box">
            <div class="inner">
              <figure><img src="images/female.jpg" alt="image"></figure>
              <h4>Yukta Thakur</h4>
              <p>8th Position In HP BOSE Dharamshala</p>
            </div>            
          </div>
        </div>


      </div><!--/ row -->
    </div>
  </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>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi.</p>
		  <div class="contact-info">
		    <div class="media">
              <div class="media-body">
                <div class="phone"><span>+91</span> 0177-2843235, +91 1905-123456</div>
			  </div>
            </div>
            <div class="media">
              <div class="media-body">Saraswati vidya mandir gian deep parisar High School kamlanagar<br>Email : <a href="mailto:svmkamlanagar@gmail.com">svmkamlanagar@gmail.com</a></div>
			</div>
          </div>
	  </div>
	
    </div><!--/row -->
  </div>
</section>

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left pad-0 aos-init aos-animate" data-aos="zoom-in">
	    <h2><span>Testimonials feedback</span>knows About Our Students Say</h2>
		 
		<div id="owl-demo-3" class="aos-init aos-animate" data-aos="zoom-in">
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/male.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Karan Sharma</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Jyoti Arora</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/male.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Jhon D. William</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Kirti Garg</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/male.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Arun Kumar</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Shivani Sharma</h4>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<section="map">
 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3398.155921067589!2d76.61474701515267!3d31.60218708134271!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390528f55ef0562d%3A0xe3af65e84b81fa15!2sSilver%20Line%20Public%20School!5e0!3m2!1sen!2sin!4v1684569734551!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">
			<h4>Our Aim</h4>
			<p>Encouraging students to participate in a wide range of activities, from critical thinking and problem-solving to playing, sharing, and role-playing, reflects a holistic approach to education.</p>
          
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->

      <div class="col-sm-2 ft2">
        <div class="wg-1">
          <h4>Useful 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="admission.html">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 Gian Deep Parisar High School Kamlanagar Shimla H.P. 171006</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:0177-2843235">+91 0177-2843235</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:svmkamlanagar@gmail.com">svmkamlanagar@gmail.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 ft4">
	  <h4>Social Links</h4>
	  <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><!--/ 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 Saraswati Vidya Mandir Kamlanagar.</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>
	function openNav() {
	  document.getElementById("myOffcanvas").classList.add("open");
	}
  
	function closeNav() {
	  document.getElementById("myOffcanvas").classList.remove("open");
	}
  
  </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>
    $(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>
	
</body>
</html>