HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/Just-Law-Academia/
Current File : /home/htlwork.com/www/dev/Just-Law-Academia/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>Just Law Academia</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">    
    <!--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() > 100){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 300){  
        $('.back-to-top').addClass("btt");
    }
    else{
        $('.back-to-top').removeClass("btt");
    }
});
</script>
    
</head>
<body>  
<header class="header">    
  <div class="menu-head">             
    <div class="container">
	  
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Menu</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand nav-logo" href="#">
		    <img src="images/logo.png" alt="image">
		  </a>
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li class="sub-drop"><a href="#">Practice Areas</a>
			  <ul class="sub-menu">
				<li><a href="#">Personal Injury</a></li>
				<li><a href="#">Fraud</a></li>
				<li><a href="#">Construction Accidents</a></li>
				<li><a href="#">Money Laundering</a></li>
				<li><a href="#">Car Accident</a></li>
				<li><a href="#">Construction Matter</a></li>
			  </ul>
			</li>
			<li class="sub-drop"><a href="#">Services</a>
			  <ul class="sub-menu">
				<li><a href="#">Legal Consultancy</a></li>
				<li><a href="#">Coaching For CLAt</a></li>
				<li><a href="#">Coaching For Judiciary</a></li>
			  </ul>
			</li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Contact Us</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
	  
	  <div class="Call-info">
	    <img src="images/phone-icon.png" alt="image">
        <span>Call Now</span>
        <p><a href="tel:+91 9876543210">+91 9876543210</a></p>
      </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">
  
    <!-- 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/banner.jpg" alt="image"></figure>
	    <div class="banner-left"> 
		  <div class="slide-text">
			<h1 data-animation="animated fadeInDown"><span>Your Legal Solution Starts Here!</span>The Greatest Firm You Can Trust</h1>
			<p data-animation="animated fadeInDown">We are a best law firm in family &amp; business industry. With more than 15 years of experience in this area, so you can expect from ys better services.</p>
			<p data-animation="animated fadeInDown"><a href="#" class="btn btn-default">Make Appointment</a></p>
		  </div><!-- banner-text -->
		</div><!-- banner-left -->
      </div><!-- End of Slide -->	
	 
    </div><!-- End of Wrapper For Slides -->
    
    <!-- Left Control -->
    <!--a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a-->
    
    <!-- Right Control -->
    <!--a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a-->
    	
  </div> <!-- End  bootstrap-touch-slider Slider --> 
</section>    

<section class="about-sec">
  <div class="container">
	<div class="row align-items-center">
	
	  <div class="col-sm-6 about-left mrb-30">
	    <div class="text">
		  <h2><span> A Few Words About Us</span>Just Law Academia</h2>
		  <p>We are a team of Practicing Lawyers and retired Judges with vast experience and expertise, committed to impart quality coaching to the judicial aspirants. We are located at heart of City Beautiful in Sector 25, Institutional area near Panjab University campus, a place emerging as an educational hub for various competitive exams. We have a branch in Jammu and likely to diversify in other parts of the nation.</p>
		  <p>We provide coaching both via online and offline mode. We have well equipped infrastructure, most conducive environment, extensive study material, an exceptional pedagogy enable an aspirant of judicial and allied services to crack India’s most prestigious examination with ease and confidence. Our dedicated, committed, experiences and highly qualified faculty is best in the nation and always keen to serve students to the best of their capabilities.</p>
		  <div class="about-call">
		    <p><a href="#" class="btn">View More</a></p>
		    <p><a href="tel:+91 9876543210"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><span>Need Any Question <small>+91 9876543210</small></span></a></p>
          </div>
		</div>
	  </div>
	  
	  <div class="col-sm-6 about-right mrb-30">
	    <div class="image-about"><figure class="thumbnail"><img src="images/about.jpg" alt="image"></figure></div>
	  </div>
	  
	</div>
  </div>
</section><!--/ about-sec -->

<section class="practice-area">
  <div class="container">
	<div class="row">           
	  
	  <div class="col-sm-12 tag-title mrb-20">
	    <h2><span>How Can We Help You</span>Our Area Of Practice</h2>
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 ss-coll">
	    <div class="practice-box">
	      <figure><img src="images/practice-icon-01.png" alt=""></figure>
		  <div class="practice"><img src="images/practice-01.jpg" alt=""></div>
		  <h3>Personal Injury</h3>
		  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  <p><a href="#" class="btn">View More</a></p>
	    </div>	  
	  </div> 	
	  
	  <div class="col-sm-4 ss-coll">
	    <div class="practice-box">
	      <figure><img src="images/practice-icon-02.png" alt=""></figure>
		  <div class="practice"><img src="images/practice-02.jpg" alt=""></div>
		  <h3>Fraud</h3>
		  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  <p><a href="#" class="btn">View More</a></p>
	    </div>	  
	  </div>
	  
	  <div class="col-sm-4 ss-coll">
	    <div class="practice-box">
	      <figure><img src="images/practice-icon-03.png" alt=""></figure>
		  <div class="practice"><img src="images/practice-03.jpg" alt=""></div>
		  <h3>Construction Accidents</h3>
		  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  <p><a href="#" class="btn">View More</a></p>
	    </div>	  
	  </div> 
	  
	  <div class="col-sm-4 ss-coll">
	    <div class="practice-box">
	      <figure><img src="images/practice-icon-04.png" alt=""></figure>
		  <div class="practice"><img src="images/practice-04.jpg" alt=""></div>
		  <h3>Money Laundering</h3>
		  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  <p><a href="#" class="btn">View More</a></p>
	    </div>	  
	  </div> 	
	  
	  <div class="col-sm-4 ss-coll">
	    <div class="practice-box">
	      <figure><img src="images/practice-icon-05.png" alt=""></figure>
		  <div class="practice"><img src="images/practice-05.jpg" alt=""></div>
		  <h3>Car Accident</h3>
		  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  <p><a href="#" class="btn">View More</a></p>
	    </div>	  
	  </div>
	  
	  <div class="col-sm-4 ss-coll">
	    <div class="practice-box">
	      <figure><img src="images/practice-icon-06.png" alt=""></figure>
		  <div class="practice"><img src="images/practice-06.jpg" alt=""></div>
		  <h3>Construction Matters</h3>
		  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
		  <p><a href="#" class="btn">View More</a></p>
	    </div>	  
	  </div> 	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ practice-area -->

<section class="tag-line">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-7 tag-padd">
	    <h2>15 Years of <span>Experience</span> In Various Cases</h2>
		<p>It is not exhaustive since through our experience we understand that a client’s needs are always diverse and dynamic. Our firm is therefore constantly developing and is prepared at all times to step up and meet any legal challenge.</p>
		<p><a href="#" class="btn">Make Appointment</a></p>
      </div>
	  
	  <div class="col-sm-5 right hidden">
	    <figure><a href="#"><img src="images/img-01.jpg" alt=""></a></figure>
      </div>
	
    </div><!--/ row --> 
  </div>
</section>  

<section class="service-sec">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12">
        <h2><span>How Can We Help You</span>Our Services</h2>
      </div>
      
      <div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="images/service-01.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <h3>Legal Consultancy</h3>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			<p><a href="#" class="btn">View More</a></p>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="images/service-02.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <h3>Coaching For CLAt</h3>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			<p><a href="#" class="btn">View More</a></p>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="images/service-03.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <h3>Coaching For Judiciary</h3>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
			<p><a href="#" class="btn">View More</a></p>
		  </div>
		</div>
	  </div>
	    	  	 
      
    </div><!--/ row --> 
  </div>
</section>

<section class="counter-sec">
  <div class="container">
    <div class="row" id="counter">
	
	  <div class="col-sm-12 mrb-60 text-center">
        <h2><span>Professional and Experienced Advocate</span>Why Clients Choose Us?</h2>
      </div>
	
	  <div class="col-sm-3 counter-Txt">
	    <div class="counter-padd">
	      <figure><img src="images/counter-01.png" alt="images"></figure>
	      <span class="counter-value" data-count="2978">2978</span>
		  <h4>Qualified Lawyer</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	    <div class="counter-padd">
	      <figure><img src="images/counter-02.png" alt="images"></figure>
	      <span class="counter-value" data-count="1462">1462</span>
		  <h4>Trusted Clients</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	    <div class="counter-padd">
	      <figure><img src="images/counter-03.png" alt="images"></figure>
	      <span class="counter-value" data-count="1540">1540</span>
		  <h4>Successful Case</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	    <div class="counter-padd">
	      <figure><img src="images/counter-04.png" alt="images"></figure>
	      <span class="counter-value" data-count="2431">2431</span>
		  <h4>Honors &amp; Award</h4>
	    </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">
	    <h2><span>Testimonials feedback</span>knows About Our Customer Say</h2>
		 
		<div id="owl-demo-2">
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Arun Kumar <span>Lorem ipsum</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <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>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/female.jpg" alt="">
			  <h4>Jyoti Thakur <span>Lorem ipsum</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <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>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Daljit Kumar <span>Lorem ipsum</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <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>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/female.jpg" alt="">
			  <h4>Sumit Kumari <span>Lorem ipsum</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <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>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Munish Garg <span>Lorem ipsum</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <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>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  --> 

<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="footer-top">    
    <div class="container">    
      <div class="row">
      
	    <div class="col-md-12">
		  <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
		  <p>Ut enim ad minim veniam, quis nostrud cittion ullamco laboris nisi ut aliquip cosquat uis aute irure dolor ullamco nisi <br>inkabris reprhenderit labore cittion ullamco laboris nisi ut aliquip.</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-youtube"></i></a>
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
          </div>
		</div>
	  
      </div><!-- / row -->
    </div>
  </div>
  
  <div class="container">    
    <div class="row">

      <div class="col-sm-3">
        <div class="wg-1">
          <h4>Quick Links</h4>
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Get Help</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Membership</a></li>            
            <li><a href="#">Contact Us</a></li>            
            <li><a href="#">Get Appointment</a></li> 
          </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	  
	  <div class="col-sm-3">
        <div class="wg-1">
          <h4>Practice areas</h4>
          <ul>
            <li><a href="#">Wrongful Death</a></li>
			<li><a href="#">Brain &amp; Spinal Injuries</a></li>
			<li><a href="#">Dog Bites</a></li>
			<li><a href="#">Burn Injuries</a></li>
			<li><a href="#">Car Accident Attorney</a></li>
			<li><a href="#">Aviation Accidents</a></li>
          </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 

	  <div class="col-sm-3">
        <div class="wg-1">
          <h4>Contact us</h4>		          	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p>2705 Berrywood California USA, Tn 37204</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:+91 8288933351">+91 8288933351</a>, <a href="tel:+91 9855000319"> 9855000319</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto: justlawchd25@gmail.com">justlawchd25@gmail.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3">
        <div class="wg-1">
          <h4>Open Time</h4>		          	  		
		  <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 6pm<br> Saturday: 9am to 5pm</p>
		  <p><strong>Vacation:</strong><br> All Sunday Day<br> All Vacation Holiday</p>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
           
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <section class="ft-bottom">
    <div class="container">
      <div class="row">
      
        <div class="col-sm-7"><p>Copyright © 2023 Just Law Academia | All Rights Reserved</p></div>
        <div class="col-sm-5"><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> 
  </section><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>             
<script src="js/owl.carousel.js"></script>   

<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

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

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