|
| <div class="main-content"> |
| |
| <section class="inner-header divider layer-overlay overlay-dark-4" data-bg-img="images/bg/bg1.jpg"> |
| <div class="container pt-120 pb-60"> |
| |
| <div class="section-content"> |
| <div class="row"> |
| <div class="col-md-6"> |
| <h2 class="text-theme-colored2 font-36">Contact</h2> |
| <ol class="breadcrumb text-left mt-10 white"> |
| <li><a href="#">Home</a></li> |
| <li><a href="#">Pages</a></li> |
| <li class="active">Current Page</li> |
| </ol> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| |
| <section class="divider"> |
| <div class="container"> |
| <div class="row pt-30"> |
| <div class="col-md-6"> |
| <h3 class="line-bottom mt-0 mb-30">Interested in discussing?</h3> |
| |
| |
| <form id="contact_form" name="contact_form" class="" action="includes/sendmail.php" method="post"> |
|
| <div class="row"> |
| <div class="col-sm-6"> |
| <div class="form-group"> |
| <label>Name <small>*</small></label> |
| <input name="form_name" class="form-control" type="text" placeholder="Enter Name" required=""> |
| </div> |
| </div> |
| <div class="col-sm-6"> |
| <div class="form-group"> |
| <label>Email <small>*</small></label> |
| <input name="form_email" class="form-control required email" type="email" placeholder="Enter Email"> |
| </div> |
| </div> |
| </div> |
| |
| <div class="row"> |
| <div class="col-sm-6"> |
| <div class="form-group"> |
| <label>Subject <small>*</small></label> |
| <input name="form_subject" class="form-control required" type="text" placeholder="Enter Subject"> |
| </div> |
| </div> |
| <div class="col-sm-6"> |
| <div class="form-group"> |
| <label>Phone</label> |
| <input name="form_phone" class="form-control" type="text" placeholder="Enter Phone"> |
| </div> |
| </div> |
| </div> |
|
| <div class="form-group"> |
| <label>Message</label> |
| <textarea name="form_message" class="form-control required" rows="5" placeholder="Enter Message"></textarea> |
| </div> |
| <div class="form-group"> |
| <input name="form_botcheck" class="form-control" type="hidden" value="" /> |
| <button type="submit" class="btn btn-dark btn-theme-colored btn-flat mr-5" data-loading-text="Please wait...">Send your message</button> |
| <button type="reset" class="btn btn-default btn-flat btn-theme-colored">Reset</button> |
| </div> |
| </form> |
|
| |
| <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> |
| $("#contact_form").validate({ |
| submitHandler: function(form) { |
| var form_btn = $(form).find('button[type="submit"]'); |
| var form_result_div = '#form-result'; |
| $(form_result_div).remove(); |
| form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>'); |
| var form_btn_old_msg = form_btn.html(); |
| form_btn.html(form_btn.prop('disabled', true).data("loading-text")); |
| $(form).ajaxSubmit({ |
| dataType: 'json', |
| success: function(data) { |
| if( data.status == 'true' ) { |
| $(form).find('.form-control').val(''); |
| } |
| form_btn.prop('disabled', false).html(form_btn_old_msg); |
| $(form_result_div).html(data.message).fadeIn('slow'); |
| setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000); |
| } |
| }); |
| } |
| }); |
| </script> |
| </div> |
| <div class="col-md-6"> |
| <h3 class="line-bottom mt-0">Get in touch with us</h3> |
| <p>Aliquam officia dolor rerum enim doloremque iusto eos atque tempora dignissimos similique, quae, maxime sit accusantium delectus.</p> |
| <ul class="styled-icons icon-dark icon-sm icon-circled mb-20"> |
| <li><a href="#" data-bg-color="#3B5998"><i class="fa fa-facebook"></i></a></li> |
| <li><a href="#" data-bg-color="#02B0E8"><i class="fa fa-twitter"></i></a></li> |
| <li><a href="#" data-bg-color="#4C75A3"><i class="fa fa-vk"></i></a></li> |
| <li><a href="#" data-bg-color="#D9CCB9"><i class="fa fa-instagram"></i></a></li> |
| <li><a href="#" data-bg-color="#D71619"><i class="fa fa-google-plus"></i></a></li> |
| <li><a href="#" data-bg-color="#A4CA39"><i class="fa fa-android"></i></a></li> |
| <li><a href="#" data-bg-color="#4C75A3"><i class="fa fa-vk"></i></a></li> |
| </ul> |
|
| <div class="icon-box media mb-15"> <a class="media-left pull-left flip mr-20" href="#"> <i class="pe-7s-map-2 text-theme-colored"></i></a> |
| <div class="media-body"> |
| <h5 class="mt-0">Our Office Location</h5> |
| <p>#405, Lan Streen, Los Vegas, USA</p> |
| </div> |
| </div> |
| <div class="icon-box media mb-15"> <a class="media-left pull-left flip mr-15" href="#"> <i class="pe-7s-call text-theme-colored"></i></a> |
| <div class="media-body"> |
| <h5 class="mt-0">Contact Number</h5> |
| <p><a href="tel:+325-12345-65478">+325-12345-65478</a></p> |
| </div> |
| </div> |
| <div class="icon-box media mb-15"> <a class="media-left pull-left flip mr-15" href="#"> <i class="pe-7s-mail text-theme-colored"></i></a> |
| <div class="media-body"> |
| <h5 class="mt-0">Email Address</h5> |
| <p><a href="/cdn-cgi/l/email-protection#ccbfb9bcbca3beb8a98cb5a3b9bea8a3a1a5a2e2afa3a1"><span class="__cf_email__" data-cfemail="780b0d0808170a0c1d3801170d0a1c17151116561b1715">[email protected]</span></a></p> |
| </div> |
| </div> |
| <div class="icon-box media mb-15"> <a class="media-left pull-left flip mr-20" href="#"> <i class="pe-7s-film text-theme-colored"></i></a> |
| <div class="media-body"> |
| <h5 class="mt-0">Make a Video Call</h5> |
| <p>ThemeMascotSkype</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
