@extends('layouts.law')
@section('content')




<style>
body {
    background: #eee
}

.ratings i {
    font-size: 16px;
    color: red
}

.strike-text {
    color: red;
    text-decoration: line-through
}

.product-image {
    width: 100%
}

.dot {
    height: 7px;
    width: 7px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    background-color: blue;
    border-radius: 50%;
    display: inline-block
}

.spec-1 {
    color: #938787;
    font-size: 15px
}

h5 {
    font-weight: 400
}

.para {
    font-size: 16px
}


</style>
    <section id="home" class="divider bg-lighter">
      <div class="display-table">
        <div class="display-table-cell">
          <div class="container">
            <div class="row">
              <div class="col-md-6 col-md-push-3">
                <div class="text-center mb-60"><a href="#" class=""><img alt="" src="images/medfinder3.png" height="150" width="220" alt="Med Finder"></a></div>
                <div class="bg-lightest border-1px p-30 mb-0">
                  <h3 class="text-theme-colored mt-0 pt-5"> List of Locations</h3>
                  <hr>
                  <iframe width="100%" height="500" src="https://maps.google.com/maps?q=16.026421, 120.452554&output=embed"></iframe>

                </div>

              </div>

             
            </div>
          </div>
        </div>

      </div>



    </section>




<script>
function validateForm() {
  

  if(document.getElementById('productname').value = ""){
      alert("Please Enter Product Name to Continue!");
       return false;
  }


  var ok = confirm("Are you sure you want Search Record?");
  if(ok){  
    return true; 
  } else {  
    return false; 
  }
}
</script>

@endsection