%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE HTML>
<!--
Justice by freehtml5.co
Twitter: http://twitter.com/fh5co
URL: http://freehtml5.co
-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Justice — Free Website Template, Free HTML5 Template by FreeHTML5.co</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="FreeHTML5.co" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400, 900" rel="stylesheet"> -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Themify Icons-->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
<nav class="gtco-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-sm-2 col-xs-12">
<div id="gtco-logo"><a href="index.html">Just<em>ice</em></a></div>
</div>
<div class="col-xs-10 text-right menu-1 main-nav">
<ul>
<li class="active"><a href="#" data-nav-section="home">Home</a></li>
<li><a href="#" data-nav-section="about">About</a></li>
<li><a href="#" data-nav-section="practice-areas">Practice Areas</a></li>
<li><a href="#" data-nav-section="our-team">Our Team</a></li>
<li class="btn-cta"><a href="#" data-nav-section="contact"><span>Contact</span></a></li>
<!-- For external page link -->
<!-- <li><a href="http://freehtml5.co/" class="external">External</a></li> -->
</ul>
</div>
</div>
</div>
</nav>
<section id="gtco-hero" class="gtco-cover" style="background-image: url(images/img_bg_5.jpg);" data-section="home" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-center">
<div class="display-t">
<div class="display-tc">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="gtco-about" data-section="about">
<div class="container">
<!-- <div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h1>Welcome To Our Law Offices</h1>
<p class="sub">Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
<p class="subtle-text animate-box" data-animate-effect="fadeIn">Welcome</p>
</div>
</div> -->
<div class="row">
<img src="images/bg4.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
<div class="col-md-8 col-md-offset-2" col-md-pull-1 animate-box" data-animate-effect="fadeInLeft">
</div>
</div>
</div>
</section>
<section id="gtco-practice-areas" data-section="practice-areas">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h2>Our Services</h2>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="gtco-practice-area-item animate-box">
<!-- <div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div> -->
<div class="gtco-copy">
<img src="images/webicon.png">
<h3>Web Development</h3>
<p>Tailor made websites from basic websites to ecommerce websites.We understand each business is different so we have step by step approach in design & development of a bespoke website </p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/webicon.png">
<h3>Mobile Apps</h3>
<p>Being a Mobile app development company in Kochi we offer domain expertise in developing and designing apps for Android, iOS and Windows platforms. Our diverse technology skill </p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container-fluid">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h2>Our Portfolio</h2>
</div>
</div>
<div class="row masonry-grid">
<div class="col-md-6 col-lg-4 masonry-column">
<div>
<a href="http://placeholder.com" class="thumbnail"><img src="images/p1.jpg"></a>
</div>
<div>
<a href="http://placeholder.com" class="thumbnail"><img src="images/p2.jpg"></a>
</div>
<div>
<a href="http://placeholder.com" class="thumbnail"><img src="images/p5.jpg"></a>
</div>
</div>
<div class="col-md-6 col-lg-4 masonry-column">
<div>
<a href="http://placeholder.com" class="thumbnail"><img src="images/p2.jpg"></a>
</div>
<div>
<a href="http://placeholder.com" class="thumbnail"><img src="images/p4.jpg"></a>
</div>
<div>
</div>
</div>
<div class="col-md-6 col-lg-4 masonry-column">
<div>
<a href="http://placeholder.com" class="thumbnail"><img src="images/p3.jpg"></a>
</div>
<div>
<a href="http://placeholder.com" class="thumbnail"><img src="images/p6.jpg"></a>
</div>
<div>
<a href="http://placeholder.com" class="thumbnail"><img src="images/p7.jpg"></a>
</div>
</div>
</div>
</div>
<section id="gtco-practice-clients" data-section="practice-clients">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h2>Trusted Clients </h2>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<!-- <div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div> -->
<div class="gtco-copy">
<img src="images/logo1.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo1.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo1.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo1.jpg">
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<!-- <div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div> -->
<div class="gtco-copy">
<img src="images/logo2.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo2.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo2.jpg">
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<img src="images/logo2.jpg">
</div>
</div>
</div>
</div>
</div>
</section>
<img src="images/bg2.jpg">
<img src="images/bg3.jpg">
<section id="gtco-practice-facts" data-section="practice-clients">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<!-- <div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div> -->
<div class="gtco-copy">
<p>7+ Years</p>
<p> Experience </p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<p>4</p>
<p>Continents Served</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<p>500+ </p>
<p>Clients </p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-copy">
<p>1200 </p>
<p>Projects Delivered</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="gtco-contact" data-section="contact">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h1>Contact Us</h1>
<p class="sub">Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
<p class="subtle-text animate-box" data-animate-effect="fadeIn">Contact</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-push-6 animate-box">
<form action="#">
<div class="form-group">
<label for="name" class="sr-only">Name</label>
<input type="text" class="form-control" placeholder="Name" id="name">
</div>
<div class="form-group">
<label for="email" class="sr-only">Email</label>
<input type="text" class="form-control" placeholder="Email" id="email">
</div>
<div class="form-group">
<label for="message" class="sr-only">Message</label>
<textarea name="message" id="message" class="form-control" cols="30" rows="7" placeholder="Message"></textarea>
</div>
<div class="form-group">
<input type="submit" value="Send Message" class="btn btn-primary">
</div>
</form>
</div>
<div class="col-md-4 col-md-pull-6 animate-box">
<div class="gtco-contact-info">
<ul>
<li class="address">198 West 21th Street, Suite 721 New York NY 10016</li>
<li class="phone"><a href="tel://1235235598">+ 1235 2355 98</a></li>
<li class="email"><a href="mailto:info@yoursite.com">info@example.com</a></li>
<li class="url"><a href="#">http://example.com</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer id="gtco-footer" role="contentinfo">
<div class="container">
<div class="row copyright">
<div class="col-md-12">
<p class="pull-left">
<small class="block">© 2016 Free HTML5. All Rights Reserved.</small>
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FreeHTML5.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
<p class="pull-right">
<ul class="gtco-social-icons pull-right">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
</ul>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>
Zerion Mini Shell 1.0