@extends('Layouts.web_master')
@section('content')

<section class="ftco-section contact-section ftco-degree-bg">
  <div class="container">
    <div class="row d-flex mb-5 contact-info">
      <div class="col-md-12 mb-4">
        <h2 class="h4">Contact Information</h2>
      </div>
      <div class="w-100"></div>
      <div class="col-md-3">
        <p><span>Address:</span>{{ $siteInfo->site_addr }}</p>
      </div>
      <div class="col-md-3">
        <p><span>Phone:</span> <a href="tel://1234567920">+88{{$siteInfo->site_phone}}</a></p>
      </div>
      <div class="col-md-3">
        <p><span>Email:</span> <a href="mailto:info@ushafoundation.com">{{$siteInfo->site_email}}</a></p>
      </div>
      <div class="col-md-3">
        <p><span>Website</span> <a href="https://ushafoundationbd.org/">{{$siteInfo->site_email}}</a></p>
      </div>
    </div>
    <div class="row block-9">
      <div class="col-md-6 pr-md-5">
        <h4 class="mb-4">Do you have any questions?</h4>
        <form action="#">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Your Name">
          </div>
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Your Email">
          </div>
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Subject">
          </div>
          <div class="form-group">
            <textarea name="" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
          </div>
          <div class="form-group">
            <input type="submit" value="Send Message" class="btn btn-primary py-3 px-5">
          </div>
        </form>
      
      </div>

      <div class="col-md-6" id="map1">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3071.488494663976!2d90.51465403537827!3d23.72469038551041!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755b67acd1d800f%3A0x428bf523266d3612!2sUnited%20Social%20Human%20Advancement%20Foundation%20(dawn)!5e0!3m2!1sen!2sbd!4v1641880682867!5m2!1sen!2sbd" style="border:0; width: 100%; height: 400px;" allowfullscreen="" loading="lazy"></iframe>
      </div>
      
    </div>
  </div>
</section>

@endsection