<!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>