__contact.liquid 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!-- BEGIN content_for_contact -->
  2. <section class="index-contact-section">
  3. <div class="section-wrapper">
  4. <div class="index-contact-left-wrapper">
  5. <h3 mtb_edit="1" class="heading-title" id="i8bcze">Get in Touch Today!</h3>
  6. <p mtb_edit="1" class="sub-title" id="ijoiu2">Talk to our team and share your exciting ideas with Mietubl.We will always be ready to help.</p>
  7. <div class="widget-container">
  8. <div class="contact-widget">
  9. <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/whatsapp.svg"></div>
  10. <div class="contact-widget-title">WhatsApp</div>
  11. <div mtb_edit="1" class="contact-widget-detail" id="ihk88g">Questions about our product or pricing? Talk to us now</div>
  12. <div class="contact-widget-number">{{ site.dist.service_hotline }}</div>
  13. </div>
  14. <div class="contact-widget">
  15. <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mail.svg"></div>
  16. <div class="contact-widget-title">Email</div>
  17. <div mtb_edit="1" class="contact-widget-detail" id="i62o56">For more questions, you can also write to us.</div>
  18. <div class="contact-widget-number">{{ site.dist.dist_email }}</div>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="index-contact-right-wrapper">
  23. <div class="contact-form">
  24. <h3 mtb_edit="1" class="heading-title" id="ic9d3e">Do feel free to leave us a message!</h3>
  25. <div mtb_edit="1" class="sub-text" id="ipy87e">We will get back to you as soon as possible.</div>
  26. <form id="form_contact" data-action="/contact" class="form-default" role="form">
  27. <div class="input-container">
  28. <label for="form-field-name" class="field-label">Name</label>
  29. <input type="text" name="customer_name" id="form-field-name" class="field-textual" placeholder="Name">
  30. <div class="mark-required">
  31. <label for="form-field-email" class="elementor-field-label">Email</label>
  32. <input size="1" type="email" name="email" id="form-field-email" class="field-textual" placeholder="Email" required="required" aria-required="true">
  33. </div>
  34. <div class="mark-required">
  35. <label for="form-field-field_1076d06" class="elementor-field-label">Whatsapp</label>
  36. <input size="1" type="text" name="whats_app" id="form-field-field_1076d06" class="field-textual" placeholder="+" required="required" aria-required="true">
  37. </div>
  38. <div class="mark-required">
  39. <label for="form-field-message" class="elementor-field-label">Message</label>
  40. <textarea class="field-textual" name="content" id="form-field-message" rows="4" placeholder="Message"></textarea>
  41. </div>
  42. <div class="button-wrapper" id="send_button" style="cursor: pointer;"> Send</div>
  43. </div>
  44. </form>
  45. </div>
  46. </div><!--index-contact-right-wrapper"-->
  47. </div>
  48. </section>
  49. <!-- END content_for_contact -->