law-theme-a
Version:
A basic legal marketing page for the laravel front end.
726 lines (680 loc) • 39.9 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 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>Our History</p>
<h2>About Us</h2>
</div>
<div class="breadcrumbs text-center">
<ul class="page-breadcrumbs">
<li><a href="#">home</a></li>
<li><a href="#">About Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="our-history-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>Our History</h3>
<h2>All About Trust</h2>
<p>Trust is a business theme perfectly suited legal advisers and offices, lawyers, attorneys, counsels, advocates and other legal and law related services.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="asset-button btn-text-left text-right top-margin">
<button type="button" class="btn btn-default">Find Out More About Trust</button>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<div class="history-content-area">
<div class="container">
<div class="row">
<div class="col-md-8 no-padding">
<div class="history-right-content">
<div class="col-sm-6 col-md-6">
<div class="progress-left-img">
<img src="images/progress-left-img.png" class="img-responsive" alt="">
<span><i class="fa fa-shield"></i></span>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="history-right-content-text">
<p>Trust is a business theme perfectly suited legal advisers and offices, lawyers, attorneys, and other legal and law related services. We have started as a sole practitioner providing services to the area community. 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.</p>
<img src="images/history-right-sign.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="progressbar">
<div class="progress_cont">
<div class="skill">Criminal Law<span class="pull-right"></span> </div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> <span class="sr-only">94% Complete (success)</span> </div>
</div>
</div>
<div class="progress_cont">
<div class="skill">Indurance <span class="pull-right"></span> </div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> <span class="sr-only">94% Complete (success)</span> </div>
</div>
</div>
<div class="progress_cont">
<div class="skill">Financial Law <span class="pull-right"></span> </div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> <span class="sr-only">94% Complete (success)</span> </div>
</div>
</div>
<div class="progress_cont">
<div class="skill">Civil Litigation <span class="pull-right"></span> </div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> <span class="sr-only">94% Complete (success)</span> </div>
</div>
</div>
<div class="progress_cont">
<div class="skill">Other Areas <span class="pull-right"></span> </div>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 0%"> <span class="sr-only">94% Complete (success)</span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="our-team-area about-us1-team type-1-bg">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>Our Legal Team</h3>
<h2>Meet Our Attorneys</h2>
<p>Each lawyer at Trust law firm focuses exclusively on civil matters, we have choosed our lawyers taking into account their experience and ability to handle all cases.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="asset-button btn-text-left text-right top-margin">
<button type="button" class="btn btn-default">Meet The Whole Team</button>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<!-- start team member introduction -->
<div class="team-member-area">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-describe">
<div class="team-content">
<div class="team-img">
<img src="images/team-member-1.png" alt="team-member">
</div>
<div class="about-team-member text-center">
<div class="team-describe-content">
<p>Using his expertise and experience, Mahmoud documents and builds his customers cases to obtain the best results they could achieve in their particular situation.</p>
</div>
<div class="social-content-box">
<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 fa-linkedin"></i> </a>
</div>
</div>
</div>
<div class="member-name text-center">
<h2><a href="#">Mahmoud Adel Baghagho</a></h2>
<p>CEO & Manager</p>
<span></span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-describe">
<div class="team-content">
<div class="team-img">
<img src="images/team-member-2.png" alt="team-member">
</div>
<div class="about-team-member text-center">
<div class="team-describe-content">
<p>Using his expertise and experience, Mahmoud documents and builds his customers cases to obtain the best results they could achieve in their particular situation.</p>
</div>
<div class="social-content-box">
<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 fa-linkedin"></i> </a>
</div>
</div>
</div>
<div class="member-name text-center">
<h2><a href="#">Ahmed Hassan</a></h2>
<p>Civil Lawyer</p>
<span></span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-describe">
<div class="team-content">
<div class="team-img">
<img src="images/team-member-3.png" alt="team-member">
</div>
<div class="about-team-member text-center">
<div class="team-describe-content">
<p>Using his expertise and experience, Mahmoud documents and builds his customers cases to obtain the best results they could achieve in their particular situation.</p>
</div>
<div class="social-content-box">
<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 fa-linkedin"></i> </a>
</div>
</div>
</div>
<div class="member-name text-center">
<h2><a href="#">Mohamed Habaza</a></h2>
<p>Business Lawyer</p>
<span></span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-describe">
<div class="team-content">
<div class="team-img">
<img src="images/team-member-4.png" alt="team-member">
</div>
<div class="about-team-member text-center">
<div class="team-describe-content">
<p>Using his expertise and experience, Mahmoud documents and builds his customers cases to obtain the best results they could achieve in their particular situation.</p>
</div>
<div class="social-content-box">
<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 fa-linkedin"></i> </a>
</div>
</div>
</div>
<div class="member-name text-center">
<h2><a href="#">Ahmed Abd Alhaleem</a></h2>
<p>Criminal Defence</p>
<span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="practice-area home-2-practice-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>Want Help</h3>
<h2>Practice Areas</h2>
<p>In Trust, we have got a wide range of legal services. We practice general civil law for businesses, individuals, and local governments too.is abusiness theme perfectly suited legal advisers and offices, lawyers, attorneys, counsels, advocates and other legal and law related services.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="asset-button btn-text-left text-right top-margin">
<button type="button" class="btn btn-default">View All Practice Areas</button>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<!-- start practice content area -->
<div class="container">
<div class="row">
<div class="h-2-practice-content clearfix">
<div class="col-sm-6 col-md-3">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default">
<i class="fa fa-child"></i>
<h2><a href="#">Family Law</a></h2>
<p>Family law consists of a body of statutes and case precedents that govern the legal responsibilities between individuals who share a domestic connection.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default">
<i class="fa fa-fire"></i>
<h2><a href="#">Fire Accident</a></h2>
<p>Fire accidents can result in catastrophic personal injury and devastating damage. Every year, billions of dollars in property damage occurs as a result of fire.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default">
<i class="fa fa-shopping-cart"></i>
<h2><a href="#">Shoplifting</a></h2>
<p>Shoplifting law deals with theft crimes that occur in retail establishments. Perpetrators are shoppers who enter the establishment with permission. </p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default">
<i class="fa fa-female"></i>
<h2><a href="#">Drug Offences</a></h2>
<p>The legal restrictions placed on the use of controlled drugs are aimed at preventing drug misuse. The principal offences are contained in the Misuse of Drugs Act 1971.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fun-fact-area">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area contact-title h-5-title">
<h3>Fun Facts</h3>
<h2>Trust In Numbers</h2>
<p>Since 1900, Trust start working aiming to build awide range circle of customers, and to win all the cases brought by the customers, have alook in our numbers.</p>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<!-- START COUNTDOWN -->
<div class="countdown h-5-countdown-icon">
<div class="container">
<div class="row no-margin">
<div class="countdown-inner h-5-countdown-inner clearfix">
<div class="col-xs-12 col-sm-6 col-md-3 no-padding">
<div class="countdown-content h-5-countdown-content">
<h2><span class="counter">1000</span>+ </h2>
<p>Qualified Lawyers</p>
</div>
<div class="countdown-icon h-5-countdown-icon">
<i class="icon icon-Users"></i>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 no-padding">
<div class="countdown-content h-5-countdown-content">
<h2><span class="counter">32154</span>+</h2>
<p>Trusted Clients</p>
</div>
<div class="countdown-icon h-5-countdown-icon">
<i class="icon icon-Briefcase"></i>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 no-padding">
<div class="countdown-content h-5-countdown-content">
<h2><span class="counter">114587</span>+</h2>
<p>Successful Cases</p>
</div>
<div class="countdown-icon h-5-countdown-icon">
<i class="icon icon-Column"></i>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 no-padding">
<div class="countdown-content h-5-countdown-content">
<h2><span class="counter">2000</span>+</h2>
<p>Honors & Awards</p>
</div>
<div class="countdown-icon">
<i class="icon icon-Medal"></i>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end countdown -->
</section>
<section class="testimonial-area type-1-bg">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>All About Us</h3>
<h2>Testimonials & News</h2>
<p>See what our clients say about us, we have been known for doing what we says, aiming to bring favourable results for its customers as soon as possible.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="asset-button btn-text-left text-right top-margin">
<button type="button" class="btn btn-default">View Our News Blog</button>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<div class="testimonial-content-area">
<div class="container">
<div class="row">
<div class="col-md-6">
<div id="testimonial-demo" class="owl-carousel owl-theme">
<div class="item">
<div class="owl-testimonial-content">
<i class="fa fa-quote-left"></i>
<h2> <span><img src="images/testimonial-user.png" alt="user"></span>At Trust, Each Lawyer Focuses Only On Civil Matters !</h2>
<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. <br> Trust has been known for doing what he says, aiming to bring favourable results for its customers as soon as possible.</p>
</div>
<div class="testimonial-quote">
<span>Begha</span>
<span>Art Director, 7oroof Agency.</span>
</div>
</div>
<div class="item">
<div class="owl-testimonial-content">
<i class="fa fa-quote-left"></i>
<h2> <span><img src="images/testimonial-user.png" alt="user"></span>At Trust, Each Lawyer Focuses Only On Civil Matters !</h2>
<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. <br> Trust has been known for doing what he says, aiming to bring favourable results for its customers as soon as possible.</p>
</div>
<div class="testimonial-quote">
<span>Begha</span>
<span>Art Director, 7oroof Agency.</span>
</div>
</div>
</div>
<div class="testimonial-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 class="col-md-6">
<div class="t-b-content-area">
<div class="col-md-6 col-sm-6 no-padding-left">
<div class="t-b-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">
<p>Posted In: <span>Legal Advice</span></p>
<p><span><a href="#"><i class="fa fa-comments"></i></a> 15</span>
<span><a href="#"><i class="fa fa-eye"></i></a> 11</span></p>
</div>
<h2><a href="#">It’s My Pleasure to graduate with excellent!</a></h2>
<p>We cannot expect people to have respect for laws and orders until we teach respect to those we have entrusted to enforce those laws all the time.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 no-padding-right">
<div class="t-b-details">
<div class="t-b-img">
<img src="images/testimonial-blog-post-2.png" class="img-responsive" alt="blog-post">
<div><span>JUNE</span><span>29</span></div>
</div>
<div class="t-b-comment">
<p>Posted In: <span>Law, Articles</span></p>
<p><span><a href="#"><i class="fa fa-comments"></i></a> 15</span>
<span><a href="#"><i class="fa fa-eye"></i></a> 11</span></p>
</div>
<h2><a href="#">All you want to know about industrial laws</a></h2>
<p>It’s no secret that the digital industry is booming. From exciting startups to global brands, companies are reaching out to digital agencies, responding to...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<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>They Trust Us</h3>
<h2>Our Clients</h2>
<p>Results recommend Trust Law Firm as a good lawyers office, a trusted partners of his customers’ business and a honest adviser and consultant for legal situation.</p>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<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>