law-theme-a
Version:
A basic legal marketing page for the laravel front end.
411 lines (373 loc) • 19.3 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About St. John Law</title>
<!-- FAVICON -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- FONT AWESOME -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- ICON STROKE -->
<link href="css/icon-stroke.css" rel="stylesheet">
<!-- MENU -->
<link rel="stylesheet" href="css/menuzord.css">
<!-- RS5.0 Main Stylesheet -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<!-- RS5.0 Layers and Navigation Styles -->
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- Portfolio Filter -->
<link rel="stylesheet" href="css/bootFolio.css">
<!-- Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Default Theme -->
<link rel="stylesheet" href="css/owl.theme.css">
<!-- JQUERY UI STYLE -->
<link rel="stylesheet" href="css/jquery-ui.css">
<!-- MAIN STYLE -->
<link href="css/main.css" rel="stylesheet">
<!-- GOOGLE FONT -->
<link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.11.3.min.js"></script>
<!-- RS5.0 Core JS Files -->
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js?rev=5.0"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js?rev=5.0"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="full-page-search">
<form action="#">
<input type="text" name="googlesearch" placeholder="Type Words Then Press Enter To Search">
<input type="submit" id="searchsubmit" value="Search">
</form>
<div class="sr-overlay"></div>
</div>
<header class="header-area p-title-header-area navbar-fixed-top">
<div class="container custom-header">
<div class="row">
<div id="menuzord" class="menuzord p-title-menuzord">
<a href="index.html" class="menuzord-brand transparent-menuzord-brand">
<img src="images/logo-white.svg" height="60px" alt="St. John Law Logo and brand">
</a>
<div class="header-contact">
<ul>
<li><span>Phone :</span> (206) 383-7903</li>
<li><span>Email :</span> support@stjohnlaw.com</li>
<li><a href="contact.html">Free Consultation</a></li>
</ul>
</div>
<ul class="menuzord-menu transparent-menuzord-menu menuzord-menu-bg">
<li><a href="index.html">HOME</a></li>
<li><a href="#">ABOUT US</a>
<ul class="dropdown">
<li><a href="about-us.html">St. John Law</a></li>
<li><a href="about-quita.html">Quita St. John</a></li>
<li><a href="#">blank</a></li>
</ul>
</li>
<li><a href="practice-area-1.html">PRACTICE AREAS</a>
<ul class="dropdown">
<li><a href="#">DUI Defense</a></li>
<li><a href="#">Criminal Defense</a></li>
<li><a href="#">Domestic Violence</a></li>
<li><a href="#">Juvenile Defense</a></li>
</ul>
</li>
<li><a href="#">ATTORNEYS</a></li>
<li><a href="blog-standard.html">BLOG</a></li>
<li><a href="contact1.html">CONTACT</a></li>
</ul>
</div>
</div>
</div>
</header>
<section class="page-title-area about-us-page-title-bg">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page-title-padding">
<div class="page-title-content text-center">
<p>About Us</p>
<h2>About St. John Law, LLC</h2>
</div>
<div class="breadcrumbs text-center">
<ul class="page-breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">St. John Law</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="welcome-area">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>Hello Dear</h3>
<h2>Welcome To St. John Law</h2>
<p>In the criminal justice system, the people are represented by two separate yet equally important groups: the police, who investigate crime; and the district attorneys.</p>
</div>
</div>
</div>
</div>
</div>
<div class="wellcome-asset">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="asset-content">
<h2>Mission <br>& History <span>01.</span></h2>
<p>In the criminal justice system, the people are represented by two separate yet equally important groups: the police, who investigate crime; and the district attorneys.</p>
<a href="#">Read More <span><i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="asset-content">
<h2>Values<br>& Philosophy <span>02.</span></h2>
<p>In the criminal justice system, the people are represented by two separate yet equally important groups: the police, who investigate crime; and the district attorneys.</p>
<a href="#">Read More <span><i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="asset-content">
<h2>Mission<br>& Services <span>03.</span></h2>
<p>In the criminal justice system, the people are represented by two separate yet equally important groups: the police, who investigate crime; and the district attorneys.</p>
<a href="#">Read More <span><i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="home-9-trust">
<div class="home-3-contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="home-9-slider">
<div id="home-9-demo" class="owl-carousel owl-theme">
<div class="item home-9-slider-content text-center">
<h2>“We cannot expect people to have respect for law and order until we teach respect to those we have entrusted to enforce those laws.”</h2>
<p>― Hunter S. Thompson</p>
</div>
<div class="item home-9-slider-content text-center">
<h2>“We cannot expect people to have respect for law and order until we teach respect to those we have entrusted to enforce those laws.”</h2>
<p>― Michael S. Butler</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="help-area">
<div class="left-half"></div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="help-img">
<img src="images/horse.png" alt="">
</div>
</div> <!-- end left side image area -->
<div class=" col-md-6 help-custom-padding">
<div class="help-text-heading">
<h2>WE ARE HERE TO PROVIDE LEGAL HELP</h2>
<p>In Trust, we are aiming to provide high quality legal consultancy, support and results for your legal issues.</p>
</div><!-- end heading text -->
<!-- start content -->
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="help-content">
<i class="fa fa-gavel"></i>
<h2>Get Your Legal Advice</h2>
<p>Post your question and get free legal advice directly from our experienced lawyers, We are here to help you.</p>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="help-content">
<i class="fa fa-users"></i>
<h2>Work With Expert Lawyers</h2>
<p>Our lawyers are expertise and experts in all law fields, They will obtain the best results they could achieve.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="help-content">
<i class="fa fa-money"></i>
<h2>Have Great Discounted Rates</h2>
<p>If Trust accept your case, we'll never require you to pay huge fees or expenses as we work with alow cost.</p>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="help-content">
<i class="fa fa-university"></i>
<h2>Review Your Case Documents</h2>
<p>Get a thorough review of your legal documents by an expert attorney for as little as $0 per document.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="our-client-area">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>Learn More </h3>
<h2>Our Clients</h2>
<p>In the criminal justice system, the people are represented by two separate yet equally important groups: the police, who investigate crime; and the district attorneys.</p>
</div>
</div>
</div>
</div>
</div>
<div class="client-slider">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="client-content">
<div id="client-demo" class="owl-carousel owl-theme home-client-content">
<div class="item client-item">
<a href="#"><img src="images/client-1.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-2.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-3.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-4.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-5.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-6.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-1.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-2.png" alt=""></a>
</div>
</div>
<div class="testimonial-customNavigation client-customNavigation">
<a class="btn prev"><i class="fa fa-long-arrow-left"></i></a>
<a class="btn next"><i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-area">
<div class="footer-content f-v-3-p-top">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="f-first-content f-all-h2">
<div class="f-content-img">
<a href="#"><img src="images/brand-white.svg" width="50px" alt="f-image"></a>
</div>
<p>Trust is a business theme perfectly suited legal advisers and offices, lawyers, attorneys, counsels, advocates and other legal and law related services.Trust started as a sole practitioner providing services to the area community.</p>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="f-second-content f-all-h2">
<h2>Business Hours</h2>
<ul>
<li><a href="#">Opening Days :</a></li>
<li><a href="#">Monday – Friday : 9:00 am to 5:00 pm</a></li>
<li><a href="#">Saturday : 9:00 am to 2:00 pm</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-2">
<div class="f-third-content f-all-h2">
<h2>Practice Areas</h2>
<ul>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Criminal Defense</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>DUI Defense</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Domestic Violence</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Traffic Offences</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Juvenile Defense</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="f-fourth-content f-all-h2">
<h2>Mailing List</h2>
<p>Subscribe to our news and legal feeds, by kindly fill the form below.</p>
<form>
<div class="form-group footer-subscribe">
<input type="email" class="form-control" id="Email1" placeholder="Subscribe In Our Newsletter">
<button type="submit" class="btn btn-default">Join</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="footer-bottom clearfix">
<div class="col-md-6 col-sm-6 no-padding-left">
<div class="f-bottom-left-text">
<p> 2017 © St John Law, LLC All Rights Reserved. Designed & developed with <i class="fa fa-heart" aria-hidden="true"></i>by <span><a href="#">Butler & Butler</a></span> </p>
</div>
</div>
<div class="col-md-6 col-sm-6 no-padding-right">
<div class="f-bottom-right-text">
<ul>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="spam.html">ANT-SPAM</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="terms.html">Terms of Use</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/menuzord.js"></script>
<script src="js/countdown.js"></script>
<script src="js/jquery.counterup.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="js/jquery.bootFolio.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/rev-slider.js"></script>
<script src="js/main.js"></script>
</body>
</html>