@extends('dash')

@section('content')
<link rel="stylesheet" href="{{asset('css/iconhome.css')}}">
    <link rel="stylesheet" href="{{asset('css/indexhome.css')}}">
    <link rel="stylesheet" href="{{asset('css/home.css')}}">
    <link rel="stylesheet" href="{{asset('css/boothome.css')}}">

<!-- Contact Section -->
   <section id="contact" class="position-relative section">
    
      <div class="container text-center">
        
          <div class="contact text-left">
              <div class="form">
                  <h6 class="subtitle">Available 24/7</h6>
                  <h6 class="section-title mb-4">What do you need support with?</h6>
                  <form action="GET" >
                      <div class="form-group">
                          <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter your email" required>
                      </div>
                      <div class="form-group">
                          <textarea name="contact-message" id="" cols="30" rows="5" class="form-control" placeholder="Message"></textarea>
                      </div>
                      <button type="submit" class="btn btn-primary btn-block rounded w-lg">Send Message</button>
                  </form>
              </div>
              <div class="contact-infos">
                  <div class="item">
                      <i class="ti-location-pin"></i>
                      <div class="">
                          <h5>Location</h5>
                          <p> Sameer Business Park, Mombasa Rd, Nairobi</p>
                      </div>                          
                  </div>
                  <div class="item">
                      <i class="ti-mobile"></i>
                      <div>
                          <h5>Phone Number</h5>
                          <p>+254 717806544</p>
                      </div>                          
                  </div>
                  <div class="item">
                      <i class="ti-email"></i>
                      <div class="mb-0">
                          <h5>Email Address</h5>
                          <p>info@iq-things.com</p>
                      </div>
                  </div>
              </div>                  
          </div>
          
      </div>  
      <div id="map">
          <!-- <iframe src="https://maps.google.com/maps?q=sameer business park&t=&z=10&ie=UTF8&iwloc=&output=embed"></iframe> -->
          <iframe width="770" height="510" id="gmap_canvas" 
          src="https://maps.google.com/maps?q=sameer business park&t=&z=10&ie=UTF8&iwloc=&output=embed" frameborder="0" 
          scrolling="no" marginheight="0" marginwidth="0"></iframe>
        </div>      
  </section>
  <!-- End of Contact Section -->
 <script src="{{asset('vendorshome/bootstrap/bootstrap.affix.js')}}"></script>
 <script src="{{asset('vendorshome/bootstrap/bootstrap.bundle.js')}}"></script>
 <script src="{{asset('vendorshome/jquery/jquery-3.4.1.js')}}"></script>
 <script src="{{asset('js/steller.js')}}"></script>
 <script src="{{asset('js/scroller.js')}}"></script>
  @endsection