home.liquid 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html lang="{{site.dist.country_lang }}">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="robots" content="index, follow">
  7. <meta property="og:locale" content="{{site.dist.country_lang | replace: '-', '_' }}" />
  8. <meta name="description" content="{{ site.dist.seo_description }}">
  9. <meta name="keywords" content="{{ site.dist.seo_keywords }}">
  10. <meta name="author" content="Mietubl">
  11. <title>{{ site.dist.seo_title }}</title>
  12. {% include '_header_css.liquid' %}
  13. </head>
  14. <body>
  15. <!-- MAIN WRAPPER -->
  16. <div class="body-wrap shop-default shop-cards shop-tech">
  17. <div id="st-container" class="st-container">
  18. <div class="st-pusher">
  19. <div class="st-content">
  20. <div class="st-content-inner">
  21. <!-- HEADER -->
  22. {% include '_header.liquid' %}
  23. <!-- END: HEADER -->
  24. <!-- REVOLUTION SLIDER -->
  25. <div id="rev_slider_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="image-hero39" data-source="gallery">
  26. <!-- START REVOLUTION SLIDER 5.3.0.2 fullwidth mode -->
  27. <div id="rev_slider_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.3.0.2" >
  28. <ul>
  29. <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="">
  30. <!-- MAIN IMAGE -->
  31. <a href="#">
  32. <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>
  33. </a>
  34. <div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-2-layer-3"
  35. data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
  36. data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
  37. data-fontsize="['40','40','40','40']"
  38. data-lineheight="['50','40','40','40']"
  39. data-width="[300, 300, 300, 300]"
  40. data-height="none"
  41. data-whitespace="nowrap"
  42. data-type="text"
  43. data-responsive_offset="on"
  44. 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"}]'
  45. data-textAlign="['left','left','left','left']"
  46. data-paddingtop="[0,0,0,0]"
  47. data-paddingright="[0,0,0,0]"
  48. data-paddingbottom="[0,0,0,0]"
  49. data-paddingleft="[0,0,0,0]"
  50. style="z-index: 11; white-space: nowrap;text-transform:left;">
  51. <span class="strong-600">
  52. the new Iphone X
  53. </span>
  54. </li>
  55. <!-- SLIDE 2 -->
  56. <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="">
  57. <!-- MAIN IMAGE -->
  58. <a href="#">
  59. <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>
  60. </a>
  61. <div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-2-layer-3"
  62. data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
  63. data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
  64. data-fontsize="['40','40','40','40']"
  65. data-lineheight="['50','40','40','40']"
  66. data-width="[300, 300, 300, 300]"
  67. data-height="none"
  68. data-whitespace="nowrap"
  69. data-type="text"
  70. data-responsive_offset="on"
  71. 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"}]'
  72. data-textAlign="['left','left','left','left']"
  73. data-paddingtop="[0,0,0,0]"
  74. data-paddingright="[0,0,0,0]"
  75. data-paddingbottom="[0,0,0,0]"
  76. data-paddingleft="[0,0,0,0]"
  77. style="z-index: 11; white-space: nowrap;text-transform:left;">
  78. <span class="strong-600">
  79. the new Macbook Pro
  80. </span>
  81. </div>
  82. </li>
  83. </ul>
  84. <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
  85. </div>
  86. </div><!-- END REVOLUTION SLIDER -->
  87. <section class="slice sct-color-2">
  88. <div class="container">
  89. <div class="section-title section-title--style-1 text-center">
  90. <h3 class="section-title-inner heading-3 strong-600 text-capitalize">
  91. <span>Featured products</span>
  92. </h3>
  93. </div>
  94. {% product mode="list" limit=3 template='__product_list_1.liquid' %}
  95. </div>
  96. </section>
  97. <section class="slice-lg has-bg-cover bg-size-cover" style="background-image: url(static/images/img-slider-1.jpg);">
  98. <div class="mask mask-base-1--style-1"></div>
  99. <div class="container">
  100. <div class="row justify-content-center">
  101. <div class="col-6 text-center">
  102. <h2 class="heading heading-1 strong-600 c-white">
  103. Join the biggest sales of the year
  104. </h2>
  105. <p class="c-white trong-300 mt-4">
  106. 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.
  107. </p>
  108. <div class="btn-container mt-5">
  109. <a href="/page/sales" class="btn btn-styled btn-white btn-outline btn-circle px-5" target="_blank">Learn more</a>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </section>
  115. <!-- FOOTER -->
  116. {% include '_footer.liquid' %}
  117. </div>
  118. </div>
  119. </div><!-- END: st-pusher -->
  120. </div><!-- END: st-container -->
  121. </div><!-- END: body-wrap -->
  122. <a href="#" class="back-to-top btn-back-to-top"></a>
  123. {% include '_footer_js.liquid' %}
  124. </body>
  125. </html>