<!DOCTYPE html>
<html lang="{{site.dist.country_lang }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="index, follow">
    <meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
    <meta name="description" content="{{ site.dist.seo_description  | strip_html| strip_newlines }}">
    <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 -->

                    <!-- banner -->
                    {% banner limit=5 position=1 template='__banner_list.liquid' %}

                    <!-- banner END -->
                    <section class="slice sct-color-2">
                        <div class="container">
                            <div class="section-title section-title--style-1 text-center">
                                <h3 class="section-title-inner heading-3 strong-600 text-capitalize">
                                    <span>Featured products</span>
                                </h3>
                            </div>

                            {% product  mode="list" limit=3 template='__product_list_1.liquid' %}

                        </div>
                    </section>





                    <section class="slice-lg has-bg-cover bg-size-cover" style="background-image: url(static/images/img-slider-1.jpg);">
                        <div class="mask mask-base-1--style-1"></div>
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-6 text-center">
                                    <h2 class="heading heading-1 strong-600 c-white">
                                        Join the biggest sales of the year
                                    </h2>
                                    <p class="c-white trong-300 mt-4">
                                        Lorem ipsum dolor sit amet adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna. There is only that moment, and the incredible certainty that everything under the sun has been written by one hand only.
                                    </p>

                                    <div class="btn-container mt-5">
                                        <a href="/pages/sales" class="btn btn-styled btn-white btn-outline btn-circle px-5" target="_blank">Learn more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>



                    <!-- FOOTER -->
                    {% 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>
