123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="robots" content="index, follow">
- <meta name="description" content="{{ site.dist.seo_description }}">
- <meta name="keywords" content="{{ site.dist.seo_keywords }}">
- <meta name="author" content="Mietubl">
- <title>{{ site.dist.seo_title }}</title>
- {% include '_header_css.liquid' %}
- </head>
- <body>
- <!-- MAIN WRAPPER -->
- <div class="body-wrap shop-default shop-cards shop-tech">
- <div id="st-container" class="st-container">
- <div class="st-pusher">
- <div class="st-content">
- <div class="st-content-inner">
- <!-- HEADER -->
- {% include '_header.liquid' %}
- <!-- END: HEADER -->
- <section class="slice">
- <div class="container">
- <div class="text-center">
- <h2 class="heading heading-2 strong-400">
- Contact us for help
- </h2>
- <p>
- Please call us or complete the form below and we'll get to you shortly.
- </p>
- <a href="" class="btn btn-styled btn-xl btn-base-1 btn-icon-left mt-4">
- <i class="fa fa-mobile"></i>Contact : {{ site.dist.contact_number }}
- </a>
- <span class="clearfix"></span>
- <a href="" class="btn btn-styled btn-xl btn-base-1 btn-icon-left mt-4">
- <i class="fa fa-mobile"></i>Hotline: {{ site.dist.service_hotline }}
- </a>
- <span class="clearfix"></span>
- <small>Get support by calling the 24h helpline.</small>
- </div>
- </div>
- </section>
- <section class="slice pt-0 sct-color-1">
- <div class="container">
- <div class="row justify-content-center">
- <div class="col-lg-8">
- <!-- Contact form -->
- <form id="form_contact" data-action="/contact" class="form-default" role="form">
- <input type="hidden" name="_token" value="{{ csrf_token }}">
- <div class="row">
- <div class="col-md-6">
- <div class="form-group has-feedback">
- <label for="" class="text-uppercase c-gray-light">Your name</label>
- <input type="text" name="customer_name" class="form-control form-control-lg" required>
- <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
- <div class="help-block with-errors"></div>
- </div>
- </div>
- <div class="col-md-6">
- <div class="form-group has-feedback">
- <label for="" class="text-uppercase c-gray-light">Email address</label>
- <input type="email" name="email" class="form-control form-control-lg" required>
- <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
- <div class="help-block with-errors"></div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <div class="form-group has-feedback">
- <label for="" class="text-uppercase c-gray-light">Company name</label>
- <input type="text" name="company_name" class="form-control form-control-lg">
- <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
- <div class="help-block with-errors"></div>
- </div>
- </div>
- <div class="col-sm-6">
- <div class="form-group has-feedback">
- <label for="" class="text-uppercase c-gray-light">Phone/whats_app</label>
- <input type="text" name="whats_app" class="form-control form-control-lg" required>
- <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
- <div class="help-block with-errors"></div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12">
- <div class="form-group has-feedback">
- <label for="" class="text-uppercase c-gray-light">Message</label>
- <textarea name="content" class="form-control no-resize" rows="5" required></textarea>
- <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
- <div class="help-block with-errors"></div>
- </div>
- </div>
- </div>
- <div class="">
- <button type="reset" class="btn-reset d-none"></button>
- <button type="submit" class="btn btn-styled btn-base-1 mt-4">Send message</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- </section>
- {% include '_footer.liquid' %}
- </div>
- </div>
- </div><!-- END: st-pusher -->
- </div><!-- END: st-container -->
- </div><!-- END: body-wrap -->
- <a href="#" class="back-to-top btn-back-to-top"></a>
- {% include '_footer_js.liquid' %}
- </body>
- </html>
|