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

<section class="breadcrumbs-custom bg-image context-dark snow-animate" style="background-image: url(images/bg-breadcrumbs.jpg);">
        <div class="container">
          <h2 class="breadcrumbs-custom-subtitle">Get in Touch with Us</h2>
          <h1 class="breadcrumbs-custom-title text-decoration-lines"><span>Contacts</span></h1>
          <ul class="breadcrumbs-custom-path">
            <li><a href="index.html">Home</a></li>
            <li class="active">Contacts</li>
          </ul>
        </div>
      </section>

      <!-- Contact Form-->
      <section class="section section-xxl bg-default">
        <div class="container">
          <h1>Contact Form</h1>
          <div class="row justify-content-center">
            <div class="col-lg-6 col-xl-6">
              <img src="images/contact_img.jpg">
            </div>
            <div class="col-lg-6 col-xl-6">
              <!-- RD Mailform-->
              <form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
                <div class="row row-20">
                  <div class="col-sm-6">
                    <div class="form-wrap">
                      <input class="form-input" id="contact-first-name" type="text" name="name" data-constraints="@Required"/>
                      <label class="form-label" for="contact-first-name">First name</label>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-wrap">
                      <input class="form-input" id="contact-last-name" type="text" name="name" data-constraints="@Required"/>
                      <label class="form-label" for="contact-last-name">Last name</label>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-wrap">
                      <input class="form-input" id="contact-email" type="email" name="email" data-constraints="@Email @Required"/>
                      <label class="form-label" for="contact-email">E-mail</label>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-wrap">
                      <input class="form-input" id="contact-phone" type="text" name="phone" data-constraints="@Numeric"/>
                      <label class="form-label" for="contact-phone">Phone</label>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="form-wrap">
                      <label class="form-label" for="contact-message">Message</label>
                      <textarea class="form-input" id="contact-message" name="message" data-constraints="@Required"></textarea>
                    </div>
                  </div>
                  <div class="col-md-6">
                    <button class="button button-primary" type="submit">Send Message</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </section>

      <!-- Contact information-->
      <section class="section section-xxl bg-white text-left section-relative">
        <div class="container container-sm-fluid">
          <div class="row row-40 justify-content-center justify-content-md-between">
            <div class="col-md-6 box-static">
            <div class="mapouter"><div class="gmap_canvas"><iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=Shantivan%20Society,%20Sant%20Janabai%20Road,%20Navpada,%20Vile%20Parle%20East,%20Vile%20Parle,%20Mumbai,%20Maharashtra,%20India&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://yggtorrent-fr.com"></a><br><style>.mapouter{position:relative;text-align:right;height:500px;width:600px;}</style><a href="https://google-map-generator.com">embed google map</a><style>.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:600px;}</style></div></div>
            </div>
            <div class="col-sm-9 col-md-5 wow fadeInUp" data-wow-delay=".1s">
              <h2>Contact information</h2>
              <ul class="list-contacts">
                <li>
                  <div class="unit unit-spacing-sm">
                    <div class="unit-left"><span class="icon mdi mdi-map-marker"></span></div>
                    <div class="unit-body"><a class="link-address" href="#">C-4 Shantivan Society, Vile Parle, 
               Mumbai, India -400057
</a></div>
                  </div>
                </li>
                <li>
                  <div class="unit unit-spacing-sm">
                    <div class="unit-left"><span class="icon mdi mdi-cellphone-android"></span></div>
                    <div class="unit-body"><a class="link-tel" href="tel:#">+91 9136946497</a></div>
                  </div>
                </li>
                <li>
                  <div class="unit unit-spacing-sm">
                    <div class="unit-left"><span class="icon mdi mdi-email-outline"></span></div>
                    <div class="unit-body"><a class="link-email" href="mailto:#">hqbsai@gmail.com</a></div>
                  </div>
                </li>
              </ul>
              <!-- <ul class="list-social">
                <li><a class="icon mdi mdi-facebook" href="#"></a></li>
                <li><a class="icon mdi mdi-twitter" href="#"></a></li>
                <li><a class="icon mdi mdi-linkedin" href="#"></a></li>
              </ul> -->
            </div>
          </div>
        </div>
      </section>

@stop