HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/larankelo/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 Larankelo</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="css/grid.min.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() > 500){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});
</script>
    
</head>
<body>  
<header class="header">
  <section class="top-sec">    
    <div class="container">
      <div class="row">
        
        <div class="col-sm-7">
		  <div class="phn-detail">
		    <ul>
			<li class="hidden"><a href="tel:+91 9418131197" class="btn"><i class="fa fa-phone" aria-hidden="true"></i> +91 9418131197</a></li>
            <li><a href="admission.html" class="btn"><i class="fa fa-users" aria-hidden="true"></i> Admission</a></li>      
            <li><a href="mailto: ssbvmnagrota@gmail.com" class="btn"><i class="fa fa-envelope-o" aria-hidden="true"></i>svmlarankelo@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-instagram"></i></a> 			
            <a href="#" target="_blank"><i class="fa fa-whatsapp"></i></a> 			
		  </div>
		  
		  <div class="phone-call"><a href="tel:+91 9418131197" class="btn"><i class="fa fa-phone"></i>+91 9418131197</a>
		  </div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container-fluid">		  
      <nav class="navbar navbar-default">
        <div class="navbar-header">
		<a class="navbar-brand nav-logo " href="#"><img src="images/shiksha-logo.png" alt="image"><h1>Saraswati Vidya Mandir Larankelo <small> VPO Larankelo The. & Distt. Kullu (HP) 175104</small></h1></a>
    <button class="openbtn" onclick="openNav()">&#9776;</button>
          <span class="sr-only">Menu</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </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-us.html">About Us</a></li>
			      <li><a href="faculty.html">Faculty</a></li>
            <li><a href="admission.html">Admission</a></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><a href="parental.html">Parental Cooperation</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="faculty.html">Faculty</a></li>
            <li><a href="admission.html">Admission</a></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><a href="parental.html">Parental Cooperation</a></li>
            <li><a href="contact-us.html">Contact us</a></li>
          </ul>
        </div>
      </div>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  <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">
        <div class="slide-text">
          <div class="container">
            <div class="row">
			
			  <div class="col-sm-7 banner-left">
                <h1 data-animation="animated fadeInDown">Welcome To Our School.</h1>
                <p data-animation="animated fadeInDown">We provide a day boarding facility that caters to the individual needs of students, offering remedial classes as required.</p>
				<p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Contact Us</a></p>
              </div>
			
			  
			
            </div><!-- row -->
          </div>
        </div><!--/ slide-text -->
      </div><!-- End of Slide --> 
	  
	  <div class="item">
        <div class="slide-text">
          <div class="container">
            <div class="row">
			
			  <div class="col-sm-7 banner-left">
                <h1 data-animation="animated fadeInDown">Welcome To Our School.</h1>
                <p data-animation="animated fadeInDown">We provide a day boarding facility that caters to the individual needs of students, offering remedial classes as required.</p>
				<p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Contact Us</a></p>
              </div>
			
			  
			
            </div><!-- row -->
          </div>
        </div><!--/ slide-text -->
      </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-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-8 about-left pull-right">
	    <h2>Welcome to Saraswati Vidya Mandir Larankelo<span>About Our School</span></h2>
		<p>Saraswati Vidya Mandir Larankelo School is a place where innovation thrives. We embrace a diverse community, welcoming students of all backgrounds, regardless of caste, creed, color, or religion.</p> 
		<p>Our school is strictly secular, promoting an inclusive environment for all. Additionally, we are affiliated with the Himachal Pradesh Board of School Education. At our school, we emphasize experiential learning, encouraging students to engage in hands-on activities, critical thinking, problem-solving, effective communication, reading, playing, sharing, and role-playing.</p>
		<p>We strive to make the learning journey a joyful and enriching experience for our students.</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-4 about-right">
	    <figure>
		  <img class="thumbnail" src="images/about.png" alt="">
		  
		</figure>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->
<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/service-01.jpg" alt="image"></figure>
	        <h4>Achievements</h4>
		    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore mel ei harum.</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/service-02.jpg" alt="image"></figure>
		    <h4>Media Center</h4>
		    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore mel ei harum.</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/service-03.jpg" alt="image"></figure>
	        <h4>Event Calander</h4>
		    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore mel ei harum.</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/service-04.jpg" alt="image"></figure>
		    <h4>Photo Gallery</h4>
		    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore mel ei harum.</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="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 Team</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 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 experience</h4>
	      <span class="counter-value" data-count="15">0</span> <span>%</span>
	    </div>
	  </div>
	  </div>

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

<section class="topper-sec">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <h2>Our State Toppers </h2>
	  </div>
	  
	  <div class="col-sm-12 pad-0">
	    <div id="owl-demo">
		
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/br-sharma.jpg" alt=""></figure>
			    <h4>Akshima Thakur<span>1st Position In HP BOSE Dharamshala</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>I am thankful to CS MENTORS Academy for the role they played in my selection. Recommended institute for best HAS coaching in Chandigarh.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/bhavna.jpg" alt=""></figure>
			    <h4>Nikita Kalia<span>8th Position In HP BOSE Dharamshala</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>The guidance programme provided by CS MENTORS Team helped me during my preparation for Civil Services. Thanks CS MENTORS Academy.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/chirag.jpg" alt=""></figure>
			    <h4>Seema Negi<span>+2 CBSE Topper</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Within the one year of preparations with CS MENTORS Academy, I secured 1st Rank in AP Allied services and also appeared for HAS interview. Thanks a lot CS MENTORS.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/mohit.jpg" alt=""></figure>
			    <h4>Yukta Thakur <span>8th Position In HP BOSE Dharamshala</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>The support and guidance of CS MENTORS Academy contributed a lot in my selection. Thanks very much to CS MENTORS.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/radhika.jpg" alt=""></figure>
			    <h4>+2 CBSE Topper<span>+2 CBSE Topper</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>They Guided & helped me during my exams preparation. Under their valuable guidance, I cracked the exam in my first attempt. Thanks to CS MENTORS Academy.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/rajat.jpg" alt=""></figure>
			    <h4>Kamal Preet<span>5th Position In HP BOSE Dharamshala</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>The efforts of CS MENTORS team & especially Kamal Sir helped me crack this exam in a very subtle manner. Their constant guidance & motivation helped me sailed through this endeavour.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		</div><!--/ owl-demo --> 
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  topper-sec  -->  





<section class="team-sec">
  <div class="container">
		<div class="col-sm-12 sec-head">
			<h2><span>Principal of</span>Saraswati Vidya Mandir Larankelo</h2>
		</div>
    <div class="row team-sec-row">
	<div class="col-sm-6 about-left pull-right">
	    
		<p>In the present era, the purpose of a school extends beyond mere academic achievements. It encompasses the vital task of inspiring and equipping students to become lifelong learners, independent thinkers, and valuable contributors to a constantly evolving global community.</p>
		<p>A school's responsibility lies in creating an environment that fosters holistic development, encouraging students to unleash their inherent capabilities in the pursuit of excellence. </p>
		<p>Such a student-centric approach is crucial for nurturing all aspects of a child's growth.</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 src="images/br-sharma.jpg" alt=""  >
		 
		</figure>
	  </div>

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





<section class="map-wrap">
  <div class="container-fluid pad-0">
    <div class="row mrb-0">
      
	  <div class="col-sm-12 pad-0">
		<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13719.152963459686!2d76.768835!3d30.724353000000004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xbaa89ee6bba21350!2sCS%20Mentors%20%7C%20Best%20IAS%2FHAS%2FPCS%20Coaching%20Institute%20in%20Chandigarh!5e0!3m2!1sen!2sin!4v1625652129453!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
      </div>
         
    </div><!--/ row -->	
  </div>
</section>

<section class="newsletter-sec">
  <div class="container">
    <div class="row">
    
      <div class="newsletter-des col-sm-4">
        <h5>Our Newsletter <span>Subscribe To</span></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-4">
        <div class="wg-1">
           <h4>Important Links</h4>           	  		
		  <ul>
			<li><a href="#">Himanchal Siksha Samiti</a></li>
			<li><a href="#">Him Saral Software</a></li>
			<li><a href="#">H.T.Logics.Pvt.Ltd</a></li>
			<li><a href="#">Prasham Computer</a></li>
		  </ul>
        </div>
      </div>       
      
      <div class="col-sm-4">
        <div class="wg-1">
          <h4>Quick Links</h4>           	  		
		  <ul>
			<li><a href="Index.html">Home</a></li>
			<li><a href="about-us.html">About Us</a></li>
			<li><a href="admission.html">admission</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="gallery.html">Photo Gallery</a></li>
			<li><a href="parental.html">Parental Cooperation</a></li>
			<li><a href="contact.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 Larankelo VPO Larankelo The. & Distt. Kullu (HP) 175104</div></address>
		  <address><i class="fa fa-envelope-o"></i> <div><a href="mailto: thecsmentors@gmail.com">svmlarankelo@gmail.com</a></div></address>
		  <address><i class="fa fa-phone"></i> <div><a href="tel:+91 9418131197">Office: +91 9418131197</a></div></address>
		</div>
      </div> 
	  
	        
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6">
		  <p>Copy © 2021 All Rights Reserved by .</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,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

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

    });

	$(document).ready(function() {
      $("#owl-demo-3").owlCarousel({
        autoPlay: 3000,
        items : 4,
        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>
</html>