contact_create.liquid 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="robots" content="index, follow">
  7. <meta name="description" content="{{ site.dist.seo_description }}">
  8. <meta name="keywords" content="{{ site.dist.seo_keywords }}">
  9. <meta name="author" content="Mietubl">
  10. <title>{{ site.dist.seo_title }}</title>
  11. {% include '_header_css.liquid' %}
  12. </head>
  13. <body>
  14. <!-- MAIN WRAPPER -->
  15. <div class="body-wrap shop-default shop-cards shop-tech">
  16. <div id="st-container" class="st-container">
  17. <div class="st-pusher">
  18. <div class="st-content">
  19. <div class="st-content-inner">
  20. <!-- HEADER -->
  21. {% include '_header.liquid' %}
  22. <!-- END: HEADER -->
  23. <section class="slice">
  24. <div class="container">
  25. <div class="text-center">
  26. <h2 class="heading heading-2 strong-400">
  27. Contact us for help
  28. </h2>
  29. <p>
  30. Please call us or complete the form below and we'll get to you shortly.
  31. </p>
  32. <a href="" class="btn btn-styled btn-xl btn-base-1 btn-icon-left mt-4">
  33. <i class="fa fa-mobile"></i>+86 - 138 - 8888 - 8888
  34. </a>
  35. <span class="clearfix"></span>
  36. <small>Get support by calling the 24h helpline.</small>
  37. </div>
  38. </div>
  39. </section>
  40. <section class="slice pt-0 sct-color-1">
  41. <div class="container">
  42. <div class="row justify-content-center">
  43. <div class="col-lg-8">
  44. <!-- Contact form -->
  45. <form id="form_contact" data-action="/contact" class="form-default" role="form">
  46. <input type="hidden" name="_token" value="{{ csrf_token }}">
  47. <div class="row">
  48. <div class="col-md-6">
  49. <div class="form-group has-feedback">
  50. <label for="" class="text-uppercase c-gray-light">Your name</label>
  51. <input type="text" name="customer_name" class="form-control form-control-lg" required>
  52. <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
  53. <div class="help-block with-errors"></div>
  54. </div>
  55. </div>
  56. <div class="col-md-6">
  57. <div class="form-group has-feedback">
  58. <label for="" class="text-uppercase c-gray-light">Email address</label>
  59. <input type="email" name="email" class="form-control form-control-lg" required>
  60. <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
  61. <div class="help-block with-errors"></div>
  62. </div>
  63. </div>
  64. </div>
  65. <div class="row">
  66. <div class="col-md-6">
  67. <div class="form-group has-feedback">
  68. <label for="" class="text-uppercase c-gray-light">Company name</label>
  69. <input type="text" name="company_name" class="form-control form-control-lg">
  70. <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
  71. <div class="help-block with-errors"></div>
  72. </div>
  73. </div>
  74. <div class="col-sm-6">
  75. <div class="form-group has-feedback">
  76. <label for="" class="text-uppercase c-gray-light">Phone/whats_app</label>
  77. <input type="text" name="whats_app" class="form-control form-control-lg" required>
  78. <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
  79. <div class="help-block with-errors"></div>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="row">
  84. <div class="col-md-12">
  85. <div class="form-group has-feedback">
  86. <label for="" class="text-uppercase c-gray-light">Message</label>
  87. <textarea name="content" class="form-control no-resize" rows="5" required></textarea>
  88. <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
  89. <div class="help-block with-errors"></div>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="">
  94. <button type="reset" class="btn-reset d-none"></button>
  95. <button type="submit" class="btn btn-styled btn-base-1 mt-4">Send message</button>
  96. </div>
  97. </form>
  98. </div>
  99. </div>
  100. </div>
  101. </section>
  102. {% include '_footer.liquid' %}
  103. </div>
  104. </div>
  105. </div><!-- END: st-pusher -->
  106. </div><!-- END: st-container -->
  107. </div><!-- END: body-wrap -->
  108. <a href="#" class="back-to-top btn-back-to-top"></a>
  109. {% include '_footer_js.liquid' %}
  110. </body>
  111. </html>