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