@extends('frontend.header')
@section('content')

         <!-- #page -->
         <div id="page" class="site">
            <!-- #content -->
            <div id="content" class="site-content">
               <div id="primary" class="content-area">
                  <main id="main" class="site-main">

                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2607850.432764013!2d-0.30178167316349475!3d50.334308167612285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48764f041c6e4a47%3A0xb698cc72b225889e!2sIndigo%20Parking!5e0!3m2!1sen!2sin!4v1650527107900!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

                     <div class="container page-container">
                        <article id="post-7860" class="post-7860 page type-page status-publish hentry">
                           <!-- .entry-header -->
                           <div class="entry-content">           
                              <div class="vc_row-full-width vc_clearfix"></div>
                              <section class="vc_section background-position-left-top overflow-visible vc_custom_1538392730938 vc_section-has-fill all-dfkj">
                                 <div class="vc_row wpb_row vc_row-fluid">
                                    
                                    <div class="wpb_animate_when_almost_visible wpb_fadeInLeft fadeInLeft wpb_column vc_column_container vc_col-sm-5 mob-box">
                                       <div class="vc_column-inner vc_custom_1533813514385">
                                          <div class="wpb_wrapper">
                                             <h4><i class="fa fa-map-marker"></i><br>Address</h4>
                                             <p>Kitchener House, Kitchener Road<br>High Wycome, HP11 2LF</p>

                                             <h4><i class="fa fa-mobile"></i><br>Phone</h4>
                                             <p><a href="tel:+917387780702">+91 7387780702</a></p>

                                             <h4><i class="fa fa-envelope-o"></i><br>Email</h4>
                                             <p><a href="mailto:support@indigoparking.co.uk">support@indigoparking.co.uk</a></p>

                                             <h4><i class="fa fa-clock-o"></i><br>Opening Hours</h4>
                                             <p>Mon – Fri: 9.00Am - 5.00Pm.</p>
                                          </div>
                                       </div>
                                    </div>

                                    <div class="vc_col-sm-1 boders_line"></div>
                                    
                                    <div class="wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp wpb_column vc_column_container vc_col-sm-6">
                                       <div class="vc_column-inner vc_custom_1573813430647">
                                          <div class="wpb_wrapper">
                                             <h2 style="font-size: 30px;color: #1f1f1f;line-height: 40px;text-align: left;" class="vc_custom_heading font-weight-bold letter-spacing-0 vc_custom_1558524137267" >Do You Have Any <span>Questions?</span></h2>
                                             <p style="color: #434343;text-align: left" class="vc_custom_heading" >All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
                                            
                                    <form name="contact" id="contact" action="#" method="post">
                                      <div class="row">
                                          <div class="col-sm-6 form-group">
                                              <!-- <label>Your Name *</label> -->
                                              <input type="text" class="form-control" name="con_name" id="con_name" placeholder="Your Name">
                                          </div>
                                          <div class="col-sm-6 form-group">
                                              <!-- <label>Mobile Number *</label> -->
                                              <input type="text" class="form-control" name="con_mobile" id="con_mobile" placeholder="Mobile Number" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')" maxlength="10" minlength="10">
                                          </div>
                                          <div class="col-sm-12 form-group">
                                              <!-- <label>Your Email *</label> -->
                                              <input type="email" class="form-control" name="con_email" id="con_email" placeholder="Your Email">
                                          </div>
                                          <div class="col-sm-12 form-group">
                                              <!-- <label>Subject *</label> -->
                                              <input type="text" class="form-control" name="con_sub" id="con_sub" placeholder="Subject">
                                          </div>

                                          <div class="col-sm-12 form-group">
                                              <!-- <label>Message</label> -->
                                              <textarea name="message" id="message" class="form-control" placeholder="Enter Your Message" rows="4"></textarea>
                                          </div>
                                         
                                          <div class="col-sm-12 form-group mb-0">
                                             <button class="btn btn-primary ticket">Submit</button>
                                          </div>
                                          
                                      </div>
                                      </form>

                                          </div>
                                       </div>
                                    </div>
                                    
                                 </div>
                                 <div class="vc_row-full-width vc_clearfix"></div>
                              </section>
                              
                              <div class="vc_row-full-width vc_clearfix"></div>
                             
                           </div>
                           <!-- .entry-content -->
                        </article>
                        <!-- #post-7860 -->    			
                     </div>
                  </main>
                  <!-- #main -->
               </div>
               <!-- #primary -->
            </div>
            <!-- #content -->
         </div>
         <!-- #page -->
         <!-- wraper_footer -->

<style type="text/css">
   .fa-map-marker, .fa-mobile, .fa-envelope-o, .fa-clock-o {
    font-size: 23px;
    color: #fff;
    margin-right: 5px;
}
</style>

@endsection