Home Explore Help
Register Sign In
igamebox
/
mtb_dcatadmin_plus
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: a4a3e79027
Branches Tags
mtb_dcatadmin_p...
/
resources
/
appearance
/
TechVista
/
home.liquid

home.liquid 11 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6. <meta name="robots" content="index, follow">
    7. 

  7. <meta name="description" content="{{ site.dist.seo_description }}">
    8. 

  8. <meta name="keywords" content="{{ site.dist.seo_keywords }}">
    9. 

  9. <meta name="author" content="Mietubl">
    10. 

  10. <title>{{ site.dist.seo_title }}</title>
    11. 

  11. {% include '_header_css.liquid' %}
    12. 

  12. </head>
    13. 

  13. <body>
    14. 

  14. 

  15. <!-- MAIN WRAPPER -->
    16. 

  16. <div class="body-wrap shop-default shop-cards shop-tech">
    17. 

  17.     <div id="st-container" class="st-container">
    18. 

  18. 

  19.         <div class="st-pusher">
    20. 

  20.             <div class="st-content">
    21. 

  21.                 <div class="st-content-inner">
    22. 

  22.                     <!-- HEADER -->
    23. 

  23.                     {% include '_header.liquid' %}
    24. 

  24.                     <!-- END: HEADER -->
    25. 

  25. 

  26.                     <!-- REVOLUTION SLIDER -->
    27. 

  27.                     <div id="rev_slider_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="image-hero39" data-source="gallery">
    28. 

  28. <!-- START REVOLUTION SLIDER 5.3.0.2 fullwidth mode -->
    29. 

  29. 	<div id="rev_slider_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.3.0.2" >
    30. 

  30. 		<ul>
    31. 

  31. 			<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="">
    32. 

  32. 				<!-- MAIN IMAGE -->
    33. 

  33. 				<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>
    34. 

  34. 

  35. 				<!-- LAYER NR. 2 -->
    36. 

  36. 				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-1-layer-2"
    37. 

  37. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    38. 

  38. 					data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
    39. 

  39. 					data-fontsize="['16','16','16','16']"
    40. 

  40. 					data-lineheight="['16','16','16','16']"
    41. 

  41. 					data-width="[300, 300, 300, 300]"
    42. 

  42. 					data-height="none"
    43. 

  43. 					data-whitespace="nowrap"
    44. 

  44. 					data-type="text"
    45. 

  45. 					data-responsive_offset="on"
    46. 

  46. 					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"}]'
    47. 

  47. 					data-textAlign="['left','left','left','left']"
    48. 

  48. 					data-paddingtop="[0,0,0,0]"
    49. 

  49. 					data-paddingright="[0,0,0,0]"
    50. 

  50. 					data-paddingbottom="[0,0,0,0]"
    51. 

  51. 					data-paddingleft="[0,0,0,0]"
    52. 

  52. 					style="z-index: 11; white-space: nowrap;text-transform:left;">
    53. 

  53. 

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

  55. 

  56. 				</div>
    57. 

  57. 

  58. 				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-1-layer-3"
    59. 

  59. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    60. 

  60. 					data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
    61. 

  61. 					data-fontsize="['40','40','40','40']"
    62. 

  62. 					data-lineheight="['50','40','40','40']"
    63. 

  63. 					data-width="[300, 300, 300, 300]"
    64. 

  64. 					data-height="none"
    65. 

  65. 					data-whitespace="nowrap"
    66. 

  66. 					data-type="text"
    67. 

  67. 					data-responsive_offset="on"
    68. 

  68. 					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"}]'
    69. 

  69. 					data-textAlign="['left','left','left','left']"
    70. 

  70. 					data-paddingtop="[0,0,0,0]"
    71. 

  71. 					data-paddingright="[0,0,0,0]"
    72. 

  72. 					data-paddingbottom="[0,0,0,0]"
    73. 

  73. 					data-paddingleft="[0,0,0,0]"
    74. 

  74. 					style="z-index: 11; white-space: nowrap;text-transform:left;">
    75. 

  75. 

  76. 					<span class="strong-400">
    77. 

  77. 						Say hello to
    78. 

  78. 					</span>
    79. 

  79. 					<br>
    80. 

  80. 					<span class="strong-600">
    81. 

  81. 						the new Phone X
    82. 

  82. 					</span>
    83. 

  83. 

  84. 				</div>
    85. 

  85. 

  86. 				<!-- LAYER NR. 5 -->
    87. 

  87. 				<div class="tp-caption" id="slide-1-layer-5"
    88. 

  88. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    89. 

  89. 					data-y="['middle','middle','middle','middle']" data-voffset="['180','180','180','180']"
    90. 

  90. 					data-fontsize="['40','40','40','40']"
    91. 

  91. 					data-lineheight="['50','50','50','50']"
    92. 

  92. 					data-width="[300, 300, 300, 300]"
    93. 

  93. 					data-height="none"
    94. 

  94. 					data-whitespace="nowrap"
    95. 

  95. 					data-type="text"
    96. 

  96. 					data-responsive_offset="on"
    97. 

  97. 					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"}]'
    98. 

  98. 					data-textAlign="['left','left','left','left']"
    99. 

  99. 					data-paddingtop="[0,0,0,0]"
    100. 

  100. 					data-paddingright="[0,0,0,0]"
    101. 

  101. 					data-paddingbottom="[0,0,0,0]"
    102. 

  102. 					data-paddingleft="[0,0,0,0]"
    103. 

  103. 					style="z-index: 11; white-space: nowrap;text-transform:left;">
    104. 

  104. 

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

  106. 

  107. 				</div>
    108. 

  108. 			</li>
    109. 

  109. 

  110. 			<!-- SLIDE 2 -->
    111. 

  111. 			<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="">
    112. 

  112. 				<!-- MAIN IMAGE -->
    113. 

  113. 				<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>
    114. 

  114. 

  115. 				<!-- LAYER NR. 2 -->
    116. 

  116. 				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-2-layer-2"
    117. 

  117. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    118. 

  118. 					data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
    119. 

  119. 					data-fontsize="['16','16','16','16']"
    120. 

  120. 					data-lineheight="['16','16','16','16']"
    121. 

  121. 					data-width="[300, 300, 300, 300]"
    122. 

  122. 					data-height="none"
    123. 

  123. 					data-whitespace="nowrap"
    124. 

  124. 					data-type="text"
    125. 

  125. 					data-responsive_offset="on"
    126. 

  126. 					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"}]'
    127. 

  127. 					data-textAlign="['left','left','left','left']"
    128. 

  128. 					data-paddingtop="[0,0,0,0]"
    129. 

  129. 					data-paddingright="[0,0,0,0]"
    130. 

  130. 					data-paddingbottom="[0,0,0,0]"
    131. 

  131. 					data-paddingleft="[0,0,0,0]"
    132. 

  132. 					style="z-index: 11; white-space: nowrap;text-transform:left;">
    133. 

  133. 

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

  135. 

  136. 				</div>
    137. 

  137. 

  138. 				<div class="tp-caption title--style-1 c-white tp-resizeme" id="slide-2-layer-3"
    139. 

  139. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    140. 

  140. 					data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
    141. 

  141. 					data-fontsize="['40','40','40','40']"
    142. 

  142. 					data-lineheight="['50','40','40','40']"
    143. 

  143. 					data-width="[300, 300, 300, 300]"
    144. 

  144. 					data-height="none"
    145. 

  145. 					data-whitespace="nowrap"
    146. 

  146. 					data-type="text"
    147. 

  147. 					data-responsive_offset="on"
    148. 

  148. 					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"}]'
    149. 

  149. 					data-textAlign="['left','left','left','left']"
    150. 

  150. 					data-paddingtop="[0,0,0,0]"
    151. 

  151. 					data-paddingright="[0,0,0,0]"
    152. 

  152. 					data-paddingbottom="[0,0,0,0]"
    153. 

  153. 					data-paddingleft="[0,0,0,0]"
    154. 

  154. 					style="z-index: 11; white-space: nowrap;text-transform:left;">
    155. 

  155. 

  156. 					<span class="strong-400">
    157. 

  157. 						Introducing
    158. 

  158. 					</span>
    159. 

  159. 					<br>
    160. 

  160. 					<span class="strong-600">
    161. 

  161. 						the new Macbook Pro
    162. 

  162. 					</span>
    163. 

  163. 

  164. 				</div>
    165. 

  165. 

  166. 				<!-- LAYER NR. 5 -->
    167. 

  167. 				<div class="tp-caption" id="slide-2-layer-5"
    168. 

  168. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    169. 

  169. 					data-y="['middle','middle','middle','middle']" data-voffset="['180','180','180','180']"
    170. 

  170. 					data-fontsize="['40','40','40','40']"
    171. 

  171. 					data-lineheight="['50','50','50','50']"
    172. 

  172. 					data-width="[300, 300, 300, 300]"
    173. 

  173. 					data-height="none"
    174. 

  174. 					data-whitespace="nowrap"
    175. 

  175. 					data-type="text"
    176. 

  176. 					data-responsive_offset="on"
    177. 

  177. 					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"}]'
    178. 

  178. 					data-textAlign="['left','left','left','left']"
    179. 

  179. 					data-paddingtop="[0,0,0,0]"
    180. 

  180. 					data-paddingright="[0,0,0,0]"
    181. 

  181. 					data-paddingbottom="[0,0,0,0]"
    182. 

  182. 					data-paddingleft="[0,0,0,0]"
    183. 

  183. 					style="z-index: 11; white-space: nowrap;text-transform:left;">
    184. 

  184. 

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

  186. 

  187. 				</div>
    188. 

  188. 			</li>
    189. 

  189. 		</ul>
    190. 

  190. 		<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
    191. 

  191. 	</div>
    192. 

  192. </div><!-- END REVOLUTION SLIDER -->
    193. 

  193. 

  194.                     <section class="slice sct-color-2">
    195. 

  195.                         <div class="container">
    196. 

  196.                             <div class="section-title section-title--style-1 text-center">
    197. 

  197.                                 <h3 class="section-title-inner heading-3 strong-600 text-capitalize">
    198. 

  198.                                     <span>Featured products</span>
    199. 

  199.                                 </h3>
    200. 

  200.                             </div>
    201. 

  201. 

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

  203. 

  204.                         </div>
    205. 

  205.                     </section>
    206. 

  206. 

  207. 

  208. 

  209. 

  210. 

  211.                     <section class="slice-lg has-bg-cover bg-size-cover" style="background-image: url(static/images/img-slider-1.jpg);">
    212. 

  212.                         <div class="mask mask-base-1--style-1"></div>
    213. 

  213.                         <div class="container">
    214. 

  214.                             <div class="row justify-content-center">
    215. 

  215.                                 <div class="col-6 text-center">
    216. 

  216.                                     <h2 class="heading heading-1 strong-600 c-white">
    217. 

  217.                                         Join the biggest sales of the year
    218. 

  218.                                     </h2>
    219. 

  219.                                     <p class="c-white trong-300 mt-4">
    220. 

  220.                                         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.
    221. 

  221.                                     </p>
    222. 

  222. 

  223.                                     <div class="btn-container mt-5">
    224. 

  224.                                         <a href="/page/sales" class="btn btn-styled btn-white btn-outline btn-circle px-5" target="_blank">Learn more</a>
    225. 

  225.                                     </div>
    226. 

  226.                                 </div>
    227. 

  227.                             </div>
    228. 

  228.                         </div>
    229. 

  229.                     </section>
    230. 

  230. 

  231. 

  232. 

  233.                     <!-- FOOTER -->
    234. 

  234.                     {% include '_footer.liquid' %}
    235. 

  235.                 </div>
    236. 

  236.             </div>
    237. 

  237.         </div><!-- END: st-pusher -->
    238. 

  238.     </div><!-- END: st-container -->
    239. 

  239. </div><!-- END: body-wrap -->
    240. 

  240. <a href="#" class="back-to-top btn-back-to-top"></a>
    241. 

  241. {% include '_footer_js.liquid' %}
    242. 

  242. </body>
    243. 

  243. </html>
    244.