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

                    <!-- REVOLUTION SLIDER -->
                    <div id="rev_slider_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="image-hero39" data-source="gallery">
<!-- START REVOLUTION SLIDER 5.3.0.2 fullwidth mode -->
	<div id="rev_slider_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.3.0.2" >
		<ul>
			<li data-index="rs-1" data-transition="slidevertical" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb=""  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
				<!-- MAIN IMAGE -->
				<img src="static/picture/iphone-1.jpg"  alt=""  data-bgposition="top center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>

				<!-- LAYER NR. 2 -->
				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-1-layer-2"
					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
					data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
					data-fontsize="['16','16','16','16']"
					data-lineheight="['16','16','16','16']"
					data-width="[300, 300, 300, 300]"
					data-height="none"
					data-whitespace="nowrap"
					data-type="text"
					data-responsive_offset="on"
					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
					data-textAlign="['left','left','left','left']"
					data-paddingtop="[0,0,0,0]"
					data-paddingright="[0,0,0,0]"
					data-paddingbottom="[0,0,0,0]"
					data-paddingleft="[0,0,0,0]"
					style="z-index: 11; white-space: nowrap;text-transform:left;">

					<span class="text-uppercase strong-400">No more waiting</span>

				</div>

				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-1-layer-3"
					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
					data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
					data-fontsize="['40','40','40','40']"
					data-lineheight="['50','40','40','40']"
					data-width="[300, 300, 300, 300]"
					data-height="none"
					data-whitespace="nowrap"
					data-type="text"
					data-responsive_offset="on"
					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
					data-textAlign="['left','left','left','left']"
					data-paddingtop="[0,0,0,0]"
					data-paddingright="[0,0,0,0]"
					data-paddingbottom="[0,0,0,0]"
					data-paddingleft="[0,0,0,0]"
					style="z-index: 11; white-space: nowrap;text-transform:left;">

					<span class="strong-400">
						Say hello to
					</span>
					<br>
					<span class="strong-600">
						the new Phone X
					</span>

				</div>

				<!-- LAYER NR. 5 -->
				<div class="tp-caption" id="slide-1-layer-5"
					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
					data-y="['middle','middle','middle','middle']" data-voffset="['180','180','180','180']"
					data-fontsize="['40','40','40','40']"
					data-lineheight="['50','50','50','50']"
					data-width="[300, 300, 300, 300]"
					data-height="none"
					data-whitespace="nowrap"
					data-type="text"
					data-responsive_offset="on"
					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
					data-textAlign="['left','left','left','left']"
					data-paddingtop="[0,0,0,0]"
					data-paddingright="[0,0,0,0]"
					data-paddingbottom="[0,0,0,0]"
					data-paddingleft="[0,0,0,0]"
					style="z-index: 11; white-space: nowrap;text-transform:left;">

					<a href="#" class="btn btn-base-1 btn-circle">View Details</a>

				</div>
			</li>

			<!-- SLIDE 2 -->
			<li data-index="rs-2" data-transition="slidevertical" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb=""  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
				<!-- MAIN IMAGE -->
				<img src="static/picture/macbook-1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>

				<!-- LAYER NR. 2 -->
				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-2-layer-2"
					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
					data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
					data-fontsize="['16','16','16','16']"
					data-lineheight="['16','16','16','16']"
					data-width="[300, 300, 300, 300]"
					data-height="none"
					data-whitespace="nowrap"
					data-type="text"
					data-responsive_offset="on"
					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
					data-textAlign="['left','left','left','left']"
					data-paddingtop="[0,0,0,0]"
					data-paddingright="[0,0,0,0]"
					data-paddingbottom="[0,0,0,0]"
					data-paddingleft="[0,0,0,0]"
					style="z-index: 11; white-space: nowrap;text-transform:left;">

					<span class="text-uppercase strong-400">It's here</span>

				</div>

				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-2-layer-3"
					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
					data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
					data-fontsize="['40','40','40','40']"
					data-lineheight="['50','40','40','40']"
					data-width="[300, 300, 300, 300]"
					data-height="none"
					data-whitespace="nowrap"
					data-type="text"
					data-responsive_offset="on"
					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1000,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
					data-textAlign="['left','left','left','left']"
					data-paddingtop="[0,0,0,0]"
					data-paddingright="[0,0,0,0]"
					data-paddingbottom="[0,0,0,0]"
					data-paddingleft="[0,0,0,0]"
					style="z-index: 11; white-space: nowrap;text-transform:left;">

					<span class="strong-400">
						Introducing
					</span>
					<br>
					<span class="strong-600">
						the new Macbook Pro
					</span>

				</div>

				<!-- LAYER NR. 5 -->
				<div class="tp-caption" id="slide-2-layer-5"
					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
					data-y="['middle','middle','middle','middle']" data-voffset="['180','180','180','180']"
					data-fontsize="['40','40','40','40']"
					data-lineheight="['50','50','50','50']"
					data-width="[300, 300, 300, 300]"
					data-height="none"
					data-whitespace="nowrap"
					data-type="text"
					data-responsive_offset="on"
					data-frames='[{"from":"x:-50px;opacity:0;","speed":1000,"to":"o:1;","delay":1500,"ease":"Power2.easeOut"},{"delay":"wait","speed":1500,"to":"opacity:0;","ease":"Power4.easeIn"}]'
					data-textAlign="['left','left','left','left']"
					data-paddingtop="[0,0,0,0]"
					data-paddingright="[0,0,0,0]"
					data-paddingbottom="[0,0,0,0]"
					data-paddingleft="[0,0,0,0]"
					style="z-index: 11; white-space: nowrap;text-transform:left;">

					<a href="#" class="btn btn-base-1 btn-circle">View Details</a>

				</div>
			</li>
		</ul>
		<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
	</div>
</div><!-- END REVOLUTION SLIDER -->

                    <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="/page/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>