law-theme-a
Version:
A basic legal marketing page for the laravel front end.
310 lines (275 loc) • 13.2 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>Contact Us | St. John Law, LLC</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>
<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 contact-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>We Want Hear From You</p>
<h2>Contact Us</h2>
</div>
<div class="breadcrumbs text-center">
<ul class="page-breadcrumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact-us-1">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>Get In Toutch</h3>
<h2>Contact Us</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.</p>
</div>
</div>
</div>
</div>
</div>
<div class="contact-us-1-area">
<div class="container">
<div class="row">
<div class="show_result"></div>
<div class="result_message"></div>
<div class="col-sm-6 col-md-8 no-padding">
<div class="contact-us-1-form clearfix">
<form>
<div class="col-sm-6 no-padding-left">
<input type="text" class="form-control" id="Name" placeholder="YOUR NAME">
</div>
<div class="col-sm-6 no-padding-right">
<input type="email" class="form-control" id="Email" placeholder="EMAIL">
</div>
<div class="col-sm-12 no-padding contact-us-custom-padding">
<input type="text" class="form-control" id="Subject" placeholder="SUBJECT">
</div>
<div class="col-sm-12 no-padding contact-us-custom-padding">
<textarea class="form-control" rows="8" id="Message" placeholder="MESSAGE"></textarea>
</div>
<div class="col-sm-12 no-padding contact-us-custom-padding">
<button type="button" id="contact_submit" class="btn btn-dm">SEND YOUR REQUEST</button>
</div>
</form>
</div>
</div>
<div class="col-sm-6 col-md-4 no-padding-right">
<div class="address-area">
<div class="Title-area home-8-title-area contact-1-title-area">
<p>In the criminal justice system, the people are represented by two separate yet equally important groups: the police, who.</p>
</div>
</div>
<div class="col-md-6">
<div class="address-details">
<span>Phone :</span>
<span><i class="fa fa-phone"></i> (206) 383-7903</span>
<span><i class="fa fa-fax"></i>(206) 467-3152</span>
</div>
</div>
<div class="col-md-6">
<div class="address-details">
<span>Email :</span>
<span><i class="fa fa-envelope"></i>info@dtjohnlaw.com</span>
</div>
</div>
<div class="view-location">
<span>Address :</span>
<span><i class="fa fa-map-marker"></i> 720 Third Ave., Suite 2015; Seattle, WA; 98104</span>
<br />
<a href="#">View Location On Map</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- START MAP -->
<div id="map"></div>
<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/map.js"></script>
<script src="js/main.js"></script>
</body>
</html>