contact.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!-- ======= Contact Area Start ======= -->
  2. <section class="contact contact--padding" data-bg-image="static/picture/contact-bg-shape.png">
  3. <div class="container">
  4. <div class="row align-items-center">
  5. <div class="col-lg-5 mb-30">
  6. <div class="contact-address contact-address--bg" data-bg-image="static/picture/contact-address-bg.jpg">
  7. <ul>
  8. <li class="contact-address__item mb-20">
  9. <div class="contact-address__item_icon">
  10. <i class="fas fa-map-marker-alt"></i>
  11. </div>
  12. <div class="contact-address__item_text">
  13. <h3 class="text-white">Our Location</h3>
  14. <p class="text-white"><{$config['address']}></p>
  15. </div>
  16. </li>
  17. <li class="contact-address__item mb-20">
  18. <div class="contact-address__item_icon">
  19. <i class="fas fa-envelope-open-text"></i>
  20. </div>
  21. <div class="contact-address__item_text">
  22. <h3 class="text-white">Email Address</h3>
  23. <p class="text-white"><{$config['email']}></p>
  24. </div>
  25. </li>
  26. <li class="contact-address__item mb-40">
  27. <div class="contact-address__item_icon">
  28. <i class="fas fa-phone-alt"></i>
  29. </div>
  30. <div class="contact-address__item_text">
  31. <h3 class="text-white">Call Us Free</h3>
  32. <p class="text-white"><i><{$config['phone']}></i>
  33. </p>
  34. </div>
  35. </li>
  36. </ul>
  37. </div>
  38. </div>
  39. <div class="col-lg-7 mb-30">
  40. <form action="javascript:void(0);" class="contact-form" id="contact-form">
  41. <div class="row">
  42. <div class="col-sm-12">
  43. <div class="section-heading mb-45">
  44. <span class="section-heading__title_small"><{$name}></span>
  45. <h2 class="section-heading__title_big"><{$desc}></h2>
  46. </div>
  47. </div>
  48. <div class="col-md-6">
  49. <input name="name" id="name" type="text" class="contact-form__input" placeholder="Name *">
  50. </div>
  51. <div class="col-md-6">
  52. <input name="email" id="email" type="text" class="contact-form__input" placeholder="Email *">
  53. </div>
  54. <div class="col-md-12">
  55. <textarea class="contact-form__input contact-form__input_textarea" name="message" id="message" placeholder="Message"></textarea>
  56. </div>
  57. <div class="col-md-12">
  58. <button type="button" onclick="up()" class="contact-form__button">Send Message </button>
  59. </div>
  60. </div>
  61. <div class="form-response"></div>
  62. </form>
  63. </div>
  64. </div>
  65. </div>
  66. </section>
  67. <!-- ======= Contact Area End ======= -->
  68. <script>
  69. function up()
  70. {
  71. var name = $('#name').val();
  72. var email = $('#email').val();
  73. var message = $('#message').val();
  74. $.post('<{$config["submit"]}>', {name:name,email:email,message:message}, function(t) {
  75. t = eval('(' + t + ')');
  76. if (t.code) {
  77. alert(t.msg);
  78. } else {
  79. alert('Thank you for your inquiries!');
  80. location.reload();
  81. }
  82. })
  83. }
  84. </script>