 <div class="edu-breadcrumb-area">
            <div class="container">
                <div class="breadcrumb-inner">
                    <div class="page-title">
                        <h1 class="title">Contact Us</h1>
                    </div>
                    <ul class="edu-breadcrumb">
                        <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>">Home</a></li>
                        <li class="separator"><i class="icon-angle-right"></i></li>
                        <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
                    </ul>
                </div>
            </div>
            <ul class="shape-group">
                <li class="shape-1">
                    <span></span>
                </li>
                <li class="shape-2 scene"><img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="shape"></li>
                <li class="shape-3 scene"><img data-depth="-2" src="<?php echo front_css(); ?>images/about/shape-15.png" alt="shape"></li>
                <li class="shape-4">
                    <span></span>
                </li>
                <li class="shape-5 scene"><img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-07.png" alt="shape"></li>
            </ul>
        </div>

        <!--=====================================-->
        <!--=       Contact Me Area Start       =-->
        <!--=====================================-->
        <section class="contact-us-area">
            <div class="container">
                <div class="row g-5">
                    <div class="col-xl-4 col-lg-6">
                        <div class="contact-us-info">
                            <h3 class="heading-title">We're Always Eager to Hear From You!</h3>
                            <ul class="address-list">
                                <li>
                                    <h5 class="title">Address</h5>
                                    <?php 
                                    $content_array = explode("<br/>", $app_setting->app_address);
                                    $content_array = array_map('trim', $content_array);
                                    foreach ($content_array  as $key => $value) {?>
                                    <p><i class="fa fa-map-marker"></i> &nbsp;<?php echo $value; ?></p>
                                    <?php }; ?>
                                </li>
                                <li>
                                    <h5 class="title">Email</h5>
                                    <p><i class="fa fa-envelope-o" aria-hidden="true"></i> &nbsp;<a href="mailto:<?php echo $app_setting->app_email; ?>"><?php echo $app_setting->app_email; ?></a></p>
                                </li>
                                <li>
                                    <h5 class="title">Phone</h5>
                                    <p><i class="fa fa-phone" aria-hidden="true"></i> &nbsp;<a href="tel:<?php echo $app_setting->app_mobile; ?>"><?php echo $app_setting->app_mobile; ?></a></p>
                                </li>
                            </ul>
                            <ul class="social-share">
                                <li><a href="#"><i class="icon-share-alt"></i></a></li>
                                <li><a href="#"><i class="icon-facebook"></i></a></li>
                                <li><a href="#"><i class="icon-twitter"></i></a></li>
                                <li><a href="#"><i class="icon-linkedin2"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="offset-xl-2 col-lg-6">
                        <div class="contact-form form-style-2">
                            <div class="section-title">
                                <h4 class="title">Get In Touch</h4>
                                <p>Fill out this form for booking a consultant advising session.</p>
                            </div>
                            <form class="rnt-contact-form rwt-dynamic-form" id="booking_form_submit" >
                                <div class="row row--10">
                                    <div class="form-group col-12">
                                        <input type="text" name="lead_name" id="contact-name" placeholder="Your name" required>
                                    </div>
                                    <div class="form-group col-12">
                                        <input type="email" name="lead_email" id="contact-email" placeholder="Enter your email" required>
                                    </div>
                                    <div class="form-group col-12">
                                        <input type="tel" name="lead_mobile" id="contact-phone" placeholder="Phone number">
                                    </div>
                                    <div class="form-group col-12">
                                        <textarea name="lead_message" id="contact-message" cols="30" rows="4" placeholder="Your message"></textarea>
                                    </div>
                                    <input type="hidden" name="lead_source" value="Contact Form">
                                    <div class="form-group col-12">
                                        <button class="rn-btn edu-btn btn-medium submit-btn" name="submit" type="submit">Submit Message <i class="icon-4"></i></button>
                                    </div>
                                </div>
                            </form>
                            <ul class="shape-group">
                                <li class="shape-1 scene"><img data-depth="1" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="Shape"></li>
                                <li class="shape-2 scene"><img data-depth="-1" src="<?php echo front_css(); ?>images/counterup/shape-02.png" alt="Shape"></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--=====================================-->
        <!--=      Google Map Area Start        =-->
        <!--=====================================-->
        <div class="google-map-area">
            <div class="mapouter">
                <div class="gmap_canvas">
                    <?php echo $app_setting->map_iframe; ?>
                </div>
            </div>
        </div>
<style type="text/css">
.social-share li a i
{
    line-height: 2.5;
}
</style>
<script type="text/javascript">
$("#booking_form_submit").submit(function(e) {
    e.preventDefault(); 
    var form = $(this);
    $.ajax({
        type: "POST",
        url: '<?php echo base_url(); ?>home/submit_booking_form',
        data: form.serialize(), // serializes the form's elements.
        success: function(data)
        {
          console.log(data);
          if(data != 0)
          {
            window.location = "<?php echo base_url(); ?>thank_you/"+data;
          }
          else
          {
            alert('Data Submitted Failed')
          }
        }
    });
    
});
</script>