@extends('layouts.front')

@section('css')
@endsection

@section('pagetitle')
<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>
@endsection

@section('content')
<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>
@endsection

@section('scripts')
@endsection