@include('layouts.header')
      <!-- banner section start -->
 <section>
         <div class="contact-banner">
            <div class="container">
               <div class="row">
                  <div class="contact-inner aos-init aos-animate">
                     <h2 data-aos="zoom-in">We’d love to hear from you!</h2>
                
                  </div>
                  <!-- section heading close -->
               </div>
            </div>
         </div>
    </section>


<section class="getin-contact">
    <div class="container">
                 @include('layouts.session_message.success')
                     @include('layouts.session_message.error')
                     <br/>
        <div class="row">
            <div class="col-md-12 col-lg-3">
                <div class="phone-box">
                    <div class="client-block client-block-v1">
                    <div class="client-block-content" data-aos="fade-right">
                        <div class="d-flex">
                         <div class="phone-icon">
                              <img src="{{ asset('public/asset/img/contact/email.png') }}" class="img-fluid">
                         </div>
                         <div class="contant-detail">
                            <h4>Phone & Email</h4>
                            <p>(+91) 6264888232</p>
                            <p>info@kredpartner.com</p>
                        </div>
                         </div>
                     </div>
                    </div>
                </div>
                
                 <div class="address-box">
                    <div class="client-block client-block-v1">
                    <div class="client-block-content"  data-aos="fade-right">
                        <div class="d-flex">
                        <div class="address-icon">
                            <img src="{{ asset('public/asset/img/contact/loc.png') }}" class="img-fluid">
                         </div>
                          <div class="contant-detail">
                            <h4>Address</h4>
                            <p>Betala Complex, 11 Ushaganj, Jaora Compound, Near Bright School, Indore – 452001</p>
                           </div>
                        </div>
                    </div>
                </div>
                </div>

            </div>

             <div class="col-md-1"></div>
        <div class="col-md-12 col-lg-8">
            <div class="get-touch" data-aos="zoom-in">
                <div class="row">
                    <div class=" left-boxwt   box-get" style="">

                     <div class="bg-blue-bnr" >
                         <h3 class="heading-touch">Get in <br>touch with us</h3>
                     </div>
                    </div>
                    <div class="right-boxwt">
                        <div class="contct-form">
                            <form class="form" action="{{ url('contact-us') }}" method="POST" id="contact_form">
                            @csrf
                            <div class="form-row">
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                    <label for="name" class="lab-name">Your Name<span class="">*</span></label>
                                    <input type="text" name="full_name" class="form-control" id="full_name"
                                     placeholder="Enter your full name" data-rule-required="true" data-msg-required="Please enter your full name">
                                 </div>
                                
                                 <div class="form-group form-mb">
                                    <label for="phone" class="lab-name">Email Address<span class="">*</span></label>
                                    <input type="text" name="email" class="form-control" id="" placeholder="Enter your email here" data-rule-required="true" data-msg-required="Please enter your email address" >
                                </div>



                                </div>
                                                              
                             <div class="col-md-6">
    <div class="form-group">
                                    <label for="mobile_no" class="lab-name">Mobile No.<span class="">*</span></label>
                                    <input type="text" name="mobile_no" class="form-control" id="mobile_no" placeholder="Enter your phone no" data-rule-required="true" data-msg-required="Please enter phone no">
                                 </div>
                                <div class="form-group contact-mesg">
                                    <label for="message" class="lab-name">Your Message<span class="">*</span></label>
                                    <textarea class="form-control" name="message" id="message" rows="3" placeholder="" data-rule-required="true" data-msg-required="Please enter your message"></textarea>
                                </div>
                            </div>
                            </div>
                            
                                <div class="sub-btns">
                            <button type="page_sub_btn" class="btn submit-btntop btn-rounded">Submit</button>

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


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



    </div>
</section>



<section class="map-main">
    <div class="container">
<div class="">
                     <h2 class="get-location">Our Location</h2>
                  </div>
           <div class="row">
            <div class="col-md-12">
                <div class="mapouter"><div class="gmap_canvas">

<iframe width="100%" height="300" id="gmap_canvas" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3680.486771245999!2d75.87523881443651!3d22.71014193363238!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3962fd2264c6c3b5%3A0xbf5443c960ddd0e4!2sBetala%20Complex%2C%20Chhawni%20Rd%2C%20Ushaganj%2C%20Jaora%20Compound%2C%20Indore%2C%20Madhya%20Pradesh%20452001!5e0!3m2!1sen!2sin!4v1613376353905!5m2!1sen!2sin" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>


                  <a href="https://fmovies2.org">fmovies</a></div><style>.mapouter{position:relative;text-align:right;height:300px;width:100%;}.gmap_canvas {overflow:hidden;background:none!important;height:300px;width:100%;}</style></div>
            </div>
        </div>
    </div>
</section>

<section class="have-any-question ready-to-loan">
         <div class="container">
            <div class="row">
               <div class="col-lg-6 col-md-6 col-sm-12">
                  <div class="have-que-text">
                     <h3 class="main-color">Ready to get loan <span class="sb-color"> What’s next?</span></h3>
                  </div>
               </div>
               <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="mobile-align">
                  <a class="btn appy-loan-btn" href="{{ url('apply-now') }}">Apply Online</a>
                  <span class="call-on">or call : +91 6264888232</span>
                </div>
               </div>
            </div>
         </div>
      </section>
  
     @include('layouts.footer')
     <script src="{{ asset
        ('public/asset/js/jquery.validate.min.js') }}"></script>

        <script>
          $('#contact_form').validate({
          ignore: [],
          onfocusout: function(element) {
          this.element(element);
          },
          errorClass: 'error_validate',
          errorElement:'span',
          highlight: function(element, errorClass) {
          $(element).removeClass(errorClass);

          },
          submitHandler:function(form)
          {
      
         $('#page_sub_btn').prop("disabled", true);
         form.submit();
          }
      });
         
      </script>