HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/Just-Law-Academia/
Current File : /home/htlwork.com/www/dev/Just-Law-Academia/about-us.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-inner">
  <div class="textblock">
    <div class="block">
      <div class="container">

        <div class="page-title">
          <div class="holder"><h1>About Us</h1></div>
        </div><!--/ page-title -->

        <!-- breadcrumb -->
        <ol class="breadcrumb text-capitalize">
          <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span property="name">Home</span></a><meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement" typeof="ListItem"><span property="name">About Us</span><meta property="position" content="2"></span></li>
        </ol>        
      
      </div><!--/ block -->
    </div>
  </div>
</section><!--/ banner-inner -->

<section class="mid-inner">
  <div class="container">    
    <div class="row">
      
      <div class="col-sm-12 full-wrap">
	    <section class="about-sec about-page">
		  <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="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>
		</section><!--/ about-sec -->
	  </div><!--/ full-wrap -->
      
    </div>
  </div>
</section><!--/ mid-inner -->

<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>