law-theme-a
Version:
A basic legal marketing page for the laravel front end.
444 lines (406 loc) • 26.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>Trust</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>
<!-- HTML5 shim and Respond.js for 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/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 practice-1-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>Legal Blog </p>
<h2>Blog Article Title Here</h2>
</div>
<div class="breadcrumbs text-center">
<ul class="page-breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Article Title</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonial-area">
<div class="testimonial-content-area">
<div class="container">
<div class="row">
<div class="t-b-content-area blog-content-area clearfix">
<div class="col-md-9 col-sm-9 no-padding blog-custom-padding">
<div class="col-md-12 col-sm-12">
<div class="t-b-details blog-tb-details blog-tb-single-details">
<div class="t-b-img">
<img src="images/testimonial-blog-post-1.png" class="img-responsive" alt="blog-post">
<div><span>JUNE</span><span>30</span></div>
</div>
<div class="t-b-comment blog-post-comment">
<p>Posted In: <span><a href="#">Legal Advice</a></span></p>
<p>Posted By: <span><a href="#">Quita St. John</a></span></p>
<p>Tags: <span><a href="#"> law</a>, <a href="#">Felony</a>, <a href="#">rights</a> , <a href="#">university</a> </span></p>
<p><span><a href="#"><i class="fa fa-comments"></i></a><a href="#">1</a> </span>
<span><a href="#"><i class="fa fa-eye"></i></a> 110</span></p>
</div>
<h2><a href="#">We are the choosen ones</a></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, who prosecute the offenders. These are their stories. 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, who prosecute the offenders. These are their stories.</p>
<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, who prosecute the offenders. These are their stories. 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, who prosecute the offenders. These are their stories.</p>
<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, who prosecute the offenders. These are their stories. 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, who prosecute the offenders. These are their stories.</p>
<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, who prosecute the offenders. These are their stories. 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, who prosecute the offenders. These are their stories.</p>
<div class="blog-social text-right">
<p>
<span>Share This Artcle: </span>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</p>
</div>
</div>
<div class="blog-prev-next clearfix">
<div class="blog-prev">
<div class="blog-prev-content">
<p>Previous Post</p>
<h3>All you want to know about industrial laws</h3>
<div class="prev-left">
<a href="#"><i class="fa fa-long-arrow-left"></i></a>
</div>
</div>
</div>
<div class="blog-next text-right">
<div class="blog-next-content">
<p>Next Post</p>
<h3>What you must know about financial law changes</h3>
<div class="next-right">
<a href="#"><i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="sidebar-inner single-blog-author">
<h2>Author</h2>
<div class="recent-post single-blog-author-post">
<p>Aiming to provide high quality legal consultancy, support and results for your legal issues. Using their expertise and experience, Trust law firm documents and builds their clients' cases to obtain the best results they could achieve in their particular situation. Trust has been known for doing what he says, aiming to bring favourable results for its customers as soon as possible. </p>
<img src="images/quita-headshot.jpg" alt="Quita St. John">
</div>
</div>
<div class="sidebar-inner single-blog-author">
<h2>Related Posts</h2>
</div>
<div class="col-md-4 no-padding-left b-s-l-p">
<div class="blog-single-img">
<img src="http://placehold.it/270x232" class="img-responsive" alt="blog-post">
<div class="b-single-span"><span>JUNE</span><span>26</span></div>
<p><a href="#">All About human laws, our rich and useful library.</a></p>
<div class="b-p-i-overlay">
</div>
</div>
</div>
<div class="col-md-4">
<div class="blog-single-img">
<img src="http://placehold.it/270x232" class="img-responsive" alt="blog-post">
<div class="b-single-span"><span>JUNE</span><span>25</span></div>
<p><a href="#">The Social Contract</a></p>
<div class="b-p-i-overlay">
</div>
</div>
</div>
<div class="col-md-4 no-padding-right b-s-r-p">
<div class="blog-single-img">
<img src="images/testimonial-blog-post-6.png" class="img-responsive" alt="blog-post">
<div class="b-single-span"><span>JUNE</span><span>23</span></div>
<p><a href="#">All About human laws, our rich and useful library.</a></p>
<div class="b-p-i-overlay">
</div>
</div>
</div>
<div class="sidebar-inner single-blog-author single-blog-reply">
<h2>2 Comments</h2>
<div class="recent-post single-blog-author-post single-blog-reply-post">
<div class="blog-reply-content">
<h3><a href="#">Michael Butler</a></h3>
<h4>Jul 8, 2017 - 08:07 pm</h4>
<p>Using their expertise and experience, Trust law firm documents and builds their clients' cases to obtain the best results they could achieve in their particular situation. </p>
<img src="images/mike-head.jpg" width="90" alt="Michael Butler">
<a href="#">Reply</a>
</div>
</div>
<div class="recent-post single-blog-author-post single-blog-reply-post">
<div class="blog-reply-content b-l-no-border">
<h3><a href="#">Nalee Butler</a></h3>
<h4>Jul 8, 2017 - 08:07 pm</h4>
<p>Using their expertise and experience, Trust law firm documents and builds their clients' cases to obtain the best results they could achieve in their particular situation. </p>
<img src="images/nale-headshoot.jpg" alt="">
<a href="#">Reply</a>
</div>
</div>
</div>
<div class="sidebar-inner single-blog-author">
<h2>Leave A Reply</h2>
</div>
<div class="blog-reply-form">
<form>
<input type="text" class="form-control" id="Name" placeholder="YOUR NAME">
<input type="email" class="form-control" id="Email" placeholder="EMAIL">
<input type="text" class="form-control" placeholder="WEBSITE">
<textarea class="form-control" rows="5" id="Message" placeholder="COMMENT"></textarea>
<button type="button" id="contact_submit" class="btn btn-dm">Post Your Comment</button>
</form>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="right-sidebar">
<div class="search-bar">
<form action="#">
<input type="text" value="" class="sidebar-input-text" placeholder="Type and hit enter ...">
<input type="submit" class="sidebar-input-submit" value="">
<i class="fa fa-search"></i>
</form>
</div>
<div class="sidebar-category sidebar-inner">
<h2>Categories</h2>
<ul>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Civil law</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Legal Advice</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Practice Areas</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Uncategorized</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Аttorneys</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right"></i>Articles</a></li>
</ul>
</div>
<div class="sidebar-inner">
<h2>Recent Posts</h2>
<div class="recent-post">
<h3><a href="#">It’s My Pleasure to graduate with excellent!</a></h3>
<p>June 30, 2017</p>
<img src="images/recent-post-img-1.png" alt="">
</div>
<div class="recent-post">
<h3><a href="#">Die to fight; Fight to die</a></h3>
<p>June 30, 2017</p>
<img src="images/recent-post-img-2.png" alt="">
</div>
<div class="recent-post">
<h3><a href="#">You got lawyered, seriously</a></h3>
<p>June 30, 2017</p>
<img src="images/recent-post-img-3.png" alt="">
</div>
</div>
<div class="sidebar-inner">
<h2>Office Shots</h2>
<div class="flickr-stream">
<a href="#"><img src="images/flickr-stream-1.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-2.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-3.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-4.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-5.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-6.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-7.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-8.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-9.png" alt=""></a>
<a href="#"><img src="images/flickr-stream-10.png" alt=""></a>
<p><a href="#">View Stream On Flickr</a></p>
</div>
</div>
<div class="sidebar-inner">
<h2>Tag Cloud</h2>
<div class="tag-cloud">
<a href="#">Responsive</a>
<a href="#">Modern</a>
<a href="#">Corporate</a>
<a href="#">Business</a>
<a href="#">Fresh</a>
<a href="#">Awesome</a>
<a href="#">Mount</a>
<a href="#">Fresh</a>
<a href="#">Responsive</a>
</div>
</div>
</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>