首页 发现 帮助
注册 登录
igamebox
/
mtb_store_frontend
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: 690f2424f7
分支列表 标签列表
mtb_store_front...
/
resources
/
views
/
liquid
/
1
/
demo
/
home.liquid

home.liquid 49 KB
文件历史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790 
  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="">
    8. 

  8. <meta name="keywords" content="">
    9. 

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

  10. <title>Mobile Phone Accessories Wholesale supplier - Mietubl</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. 

  20. 

  21.         <div class="st-pusher">
    22. 

  22.             <div class="st-content">
    23. 

  23.                 <div class="st-content-inner">
    24. 

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

  25.                     {% include '_header.liquid' %}
    26. 

  26.                     <!-- END: HEADER -->
    27. 

  27. 

  28.                     <!-- REVOLUTION SLIDER -->
    29. 

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

  30. <!-- START REVOLUTION SLIDER 5.3.0.2 fullwidth mode -->
    31. 

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

  32. 		<ul>
    33. 

  33. 			<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="../../images/slider/concept-1-100x50.jpg"  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="">
    34. 

  34. 				<!-- MAIN IMAGE -->
    35. 

  35. 				<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>
    36. 

  36. 

  37. 				<!-- LAYER NR. 2 -->
    38. 

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

  39. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    40. 

  40. 					data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
    41. 

  41. 					data-fontsize="['16','16','16','16']"
    42. 

  42. 					data-lineheight="['16','16','16','16']"
    43. 

  43. 					data-width="[300, 300, 300, 300]"
    44. 

  44. 					data-height="none"
    45. 

  45. 					data-whitespace="nowrap"
    46. 

  46. 					data-type="text"
    47. 

  47. 					data-responsive_offset="on"
    48. 

  48. 					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"}]'
    49. 

  49. 					data-textAlign="['left','left','left','left']"
    50. 

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

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

  52. 					data-paddingbottom="[0,0,0,0]"
    53. 

  53. 					data-paddingleft="[0,0,0,0]"
    54. 

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

  55. 

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

  57. 

  58. 				</div>
    59. 

  59. 

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

  61. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    62. 

  62. 					data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
    63. 

  63. 					data-fontsize="['40','40','40','40']"
    64. 

  64. 					data-lineheight="['50','40','40','40']"
    65. 

  65. 					data-width="[300, 300, 300, 300]"
    66. 

  66. 					data-height="none"
    67. 

  67. 					data-whitespace="nowrap"
    68. 

  68. 					data-type="text"
    69. 

  69. 					data-responsive_offset="on"
    70. 

  70. 					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"}]'
    71. 

  71. 					data-textAlign="['left','left','left','left']"
    72. 

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

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

  74. 					data-paddingbottom="[0,0,0,0]"
    75. 

  75. 					data-paddingleft="[0,0,0,0]"
    76. 

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

  77. 

  78. 					<span class="strong-400">
    79. 

  79. 						Say hello to
    80. 

  80. 					</span>
    81. 

  81. 					<br>
    82. 

  82. 					<span class="strong-600">
    83. 

  83. 						the new Phone X
    84. 

  84. 					</span>
    85. 

  85. 

  86. 				</div>
    87. 

  87. 

  88. 				<!-- LAYER NR. 5 -->
    89. 

  89. 				<div class="tp-caption" id="slide-1-layer-5"
    90. 

  90. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    91. 

  91. 					data-y="['middle','middle','middle','middle']" data-voffset="['180','180','180','180']"
    92. 

  92. 					data-fontsize="['40','40','40','40']"
    93. 

  93. 					data-lineheight="['50','50','50','50']"
    94. 

  94. 					data-width="[300, 300, 300, 300]"
    95. 

  95. 					data-height="none"
    96. 

  96. 					data-whitespace="nowrap"
    97. 

  97. 					data-type="text"
    98. 

  98. 					data-responsive_offset="on"
    99. 

  99. 					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"}]'
    100. 

  100. 					data-textAlign="['left','left','left','left']"
    101. 

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

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

  103. 					data-paddingbottom="[0,0,0,0]"
    104. 

  104. 					data-paddingleft="[0,0,0,0]"
    105. 

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

  106. 

  107. 					<a href="#" class="btn btn-base-1 btn-circle">Buy now</a>
    108. 

  108. 

  109. 				</div>
    110. 

  110. 			</li>
    111. 

  111. 

  112. 			<!-- SLIDE 2 -->
    113. 

  113. 			<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="../../images/slider/concept-1-100x50.jpg"  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="">
    114. 

  114. 				<!-- MAIN IMAGE -->
    115. 

  115. 				<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>
    116. 

  116. 

  117. 				<!-- LAYER NR. 2 -->
    118. 

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

  119. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    120. 

  120. 					data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
    121. 

  121. 					data-fontsize="['16','16','16','16']"
    122. 

  122. 					data-lineheight="['16','16','16','16']"
    123. 

  123. 					data-width="[300, 300, 300, 300]"
    124. 

  124. 					data-height="none"
    125. 

  125. 					data-whitespace="nowrap"
    126. 

  126. 					data-type="text"
    127. 

  127. 					data-responsive_offset="on"
    128. 

  128. 					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"}]'
    129. 

  129. 					data-textAlign="['left','left','left','left']"
    130. 

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

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

  132. 					data-paddingbottom="[0,0,0,0]"
    133. 

  133. 					data-paddingleft="[0,0,0,0]"
    134. 

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

  135. 

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

  137. 

  138. 				</div>
    139. 

  139. 

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

  141. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    142. 

  142. 					data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
    143. 

  143. 					data-fontsize="['40','40','40','40']"
    144. 

  144. 					data-lineheight="['50','40','40','40']"
    145. 

  145. 					data-width="[300, 300, 300, 300]"
    146. 

  146. 					data-height="none"
    147. 

  147. 					data-whitespace="nowrap"
    148. 

  148. 					data-type="text"
    149. 

  149. 					data-responsive_offset="on"
    150. 

  150. 					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"}]'
    151. 

  151. 					data-textAlign="['left','left','left','left']"
    152. 

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

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

  154. 					data-paddingbottom="[0,0,0,0]"
    155. 

  155. 					data-paddingleft="[0,0,0,0]"
    156. 

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

  157. 

  158. 					<span class="strong-400">
    159. 

  159. 						Introducing
    160. 

  160. 					</span>
    161. 

  161. 					<br>
    162. 

  162. 					<span class="strong-600">
    163. 

  163. 						the new Macbook Pro
    164. 

  164. 					</span>
    165. 

  165. 

  166. 				</div>
    167. 

  167. 

  168. 				<!-- LAYER NR. 5 -->
    169. 

  169. 				<div class="tp-caption" id="slide-2-layer-5"
    170. 

  170. 					data-x="['right','right','right','right']" data-hoffset="['0','0','50','50']"
    171. 

  171. 					data-y="['middle','middle','middle','middle']" data-voffset="['180','180','180','180']"
    172. 

  172. 					data-fontsize="['40','40','40','40']"
    173. 

  173. 					data-lineheight="['50','50','50','50']"
    174. 

  174. 					data-width="[300, 300, 300, 300]"
    175. 

  175. 					data-height="none"
    176. 

  176. 					data-whitespace="nowrap"
    177. 

  177. 					data-type="text"
    178. 

  178. 					data-responsive_offset="on"
    179. 

  179. 					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"}]'
    180. 

  180. 					data-textAlign="['left','left','left','left']"
    181. 

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

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

  183. 					data-paddingbottom="[0,0,0,0]"
    184. 

  184. 					data-paddingleft="[0,0,0,0]"
    185. 

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

  186. 

  187. 					<a href="#" class="btn btn-base-1 btn-circle">Buy now</a>
    188. 

  188. 

  189. 				</div>
    190. 

  190. 			</li>
    191. 

  191. 		</ul>
    192. 

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

  193. 	</div>
    194. 

  194. </div><!-- END REVOLUTION SLIDER -->
    195. 

  195. 

  196.                     <section class="slice sct-color-2">
    197. 

  197.                         <div class="container">
    198. 

  198.                             <div class="section-title section-title--style-1 text-center">
    199. 

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

  200.                                     <span>Featured products</span>
    201. 

  201.                                 </h3>
    202. 

  202.                             </div>
    203. 

  203. 

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

  205. 

  206.                         </div>
    207. 

  207.                     </section>
    208. 

  208. 

  209.                     <section class="slice sct-color-2">
    210. 

  210.                         <div class="container">
    211. 

  211.                             <div class="row align-items-end pb-100">
    212. 

  212.                                 <div class="col-lg-8 order-lg-2">
    213. 

  213.                                     <div class="block block-image-holder">
    214. 

  214.                                         <div class="block-image">
    215. 

  215.                                             <img src="static/picture/img-promo-wide-2.jpg" class="img-fluid">
    216. 

  216.                                         </div>
    217. 

  217.                                     </div>
    218. 

  218.                                 </div>
    219. 

  219. 

  220.                                 <div class="col-lg-4 order-lg-1">
    221. 

  221.                                     <div class="feature feature--boxed-border floating-content floating-content--2 float--right mb--100 feature--bg-1 z-depth-2-top">
    222. 

  222.                                         <div class="py-4 px-3">
    223. 

  223.                                             <h2 class="heading heading-3 strong-600">
    224. 

  224.                                                 Listening to Music
    225. 

  225.                                             </h2>
    226. 

  226.                                             <span class="clearfix"></span>
    227. 

  227.                                             <p class="mt-4 line-height-1_8">
    228. 

  228.                                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    229. 

  229.                                             </p>
    230. 

  230. 

  231.                                             <div class="btn-container mt-4">
    232. 

  232.                                                 <a href="#" class="btn btn-lg btn-gray-dark btn-circle px-4">Explore</a>
    233. 

  233.                                                 <a href="#" class="btn btn-lg btn-base-1 btn-circle btn-icon-left px-4">
    234. 

  234.                                                     <i class="icon ion-bag"></i> Buy now
    235. 

  235.                                                 </a>
    236. 

  236.                                             </div>
    237. 

  237.                                         </div>
    238. 

  238.                                     </div>
    239. 

  239.                                 </div>
    240. 

  240.                             </div>
    241. 

  241.                         </div>
    242. 

  242.                     </section>
    243. 

  243. 

  244.                     <section class="slice sct-color-2">
    245. 

  245.                         <div class="container">
    246. 

  246.                             <div class="row align-items-start">
    247. 

  247.                                 <div class="col-lg-8">
    248. 

  248.                                     <div class="block block-image-holder">
    249. 

  249.                                         <div class="block-image">
    250. 

  250.                                             <img src="static/picture/img-promo-wide-1.jpg" class="img-fluid">
    251. 

  251.                                         </div>
    252. 

  252.                                     </div>
    253. 

  253.                                 </div>
    254. 

  254. 

  255.                                 <div class="col-lg-4">
    256. 

  256.                                     <div class="feature feature--boxed-border floating-content floating-content--2 float--left top-0 mt--100 feature--bg-1 z-depth-2-top">
    257. 

  257.                                         <div class="py-4 px-3">
    258. 

  258.                                             <h2 class="heading heading-3 strong-600">
    259. 

  259.                                                 Dreaming in Colors
    260. 

  260.                                             </h2>
    261. 

  261.                                             <span class="clearfix"></span>
    262. 

  262.                                             <p class="mt-4 line-height-1_8">
    263. 

  263.                                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    264. 

  264.                                             </p>
    265. 

  265. 

  266.                                             <div class="btn-container mt-4">
    267. 

  267.                                                 <a href="#" class="btn btn-lg btn-gray-dark btn-circle px-4">Explore</a>
    268. 

  268.                                                 <a href="#" class="btn btn-lg btn-base-1 btn-circle btn-icon-left px-4">
    269. 

  269.                                                     <i class="icon ion-bag"></i> Buy now
    270. 

  270.                                                 </a>
    271. 

  271.                                             </div>
    272. 

  272.                                         </div>
    273. 

  273.                                     </div>
    274. 

  274.                                 </div>
    275. 

  275.                             </div>
    276. 

  276.                         </div>
    277. 

  277.                     </section>
    278. 

  278. 

  279.                     <section class="slice sct-color-2">
    280. 

  280.                         <div class="container">
    281. 

  281.                             <div class="section-title section-title--style-1 text-center">
    282. 

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

  283.                                     <span>Popular products</span>
    284. 

  284.                                 </h3>
    285. 

  285.                             </div>
    286. 

  286. 

  287.                             <div class="row cols-xs-space cols-sm-space cols-md-space">
    288. 

  288.                                 <div class="col-lg-3">
    289. 

  289.                                     <div class="block product no-border z-depth-2-top z-depth-2--hover">
    290. 

  290.                                         <div class="block-image">
    291. 

  291.                                             <a href="#">
    292. 

  292.                                                 <img src="static/picture/img-1.png" class="img-center">
    293. 

  293.                                             </a>
    294. 

  294.                                             <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
    295. 

  295.                                         </div>
    296. 

  296. 

  297.                                         <div class="block-body text-center">
    298. 

  298.                                             <h3 class="heading heading-5 strong-600 text-capitalize">
    299. 

  299.                                                 <a href="#">
    300. 

  300.                                                     Google Home Base
    301. 

  301.                                                 </a>
    302. 

  302.                                             </h3>
    303. 

  303.                                             <p class="product-description">
    304. 

  304.                                                 2.8GHz Processor 1TB Storage 16GB DDR
    305. 

  305.                                             </p>
    306. 

  306.                                             <div class="product-colors mt-2">
    307. 

  307.                                                 <div class="color-switch float-wrapper">
    308. 

  308.                                                     <a href="#" class="bg-purple"></a>
    309. 

  309.                                                     <a href="#" class="bg-pink"></a>
    310. 

  310.                                                     <a href="#" class="bg-blue"></a>
    311. 

  311.                                                 </div>
    312. 

  312.                                             </div>
    313. 

  313.                                             <div class="product-buttons mt-4">
    314. 

  314.                                                 <div class="row align-items-center">
    315. 

  315.                                                     <div class="col-2">
    316. 

  316.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorite">
    317. 

  317.                                                             <i class="ion-ios-heart"></i>
    318. 

  318.                                                         </button>
    319. 

  319.                                                     </div>
    320. 

  320.                                                     <div class="col-2">
    321. 

  321.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Compare">
    322. 

  322.                                                             <i class="ion-ios-browsers-outline"></i>
    323. 

  323.                                                         </button>
    324. 

  324.                                                     </div>
    325. 

  325.                                                     <div class="col-8">
    326. 

  326.                                                         <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
    327. 

  327.                                                             <i class="icon ion-android-cart"></i>Add to cart
    328. 

  328.                                                         </button>
    329. 

  329.                                                     </div>
    330. 

  330.                                                 </div>
    331. 

  331.                                             </div>
    332. 

  332.                                         </div>
    333. 

  333.                                     </div>
    334. 

  334.                                 </div>
    335. 

  335. 

  336.                                 <div class="col-lg-3">
    337. 

  337.                                     <div class="block product no-border z-depth-2-top z-depth-2--hover">
    338. 

  338.                                         <div class="block-image">
    339. 

  339.                                             <a href="#">
    340. 

  340.                                                 <img src="static/picture/img-2.png" class="img-center">
    341. 

  341.                                             </a>
    342. 

  342.                                             <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
    343. 

  343.                                         </div>
    344. 

  344. 

  345.                                         <div class="block-body text-center">
    346. 

  346.                                             <h3 class="heading heading-5 strong-600 text-capitalize">
    347. 

  347.                                                 <a href="#">
    348. 

  348.                                                     Google Home
    349. 

  349.                                                 </a>
    350. 

  350.                                             </h3>
    351. 

  351.                                             <p class="product-description">
    352. 

  352.                                                 2.8GHz Processor 1TB Storage 16GB DDR
    353. 

  353.                                             </p>
    354. 

  354.                                             <div class="product-colors mt-2">
    355. 

  355.                                                 <div class="color-switch float-wrapper">
    356. 

  356.                                                     <a href="#" class="bg-purple"></a>
    357. 

  357.                                                     <a href="#" class="bg-pink"></a>
    358. 

  358.                                                     <a href="#" class="bg-blue"></a>
    359. 

  359.                                                 </div>
    360. 

  360.                                             </div>
    361. 

  361.                                             <div class="product-buttons mt-4">
    362. 

  362.                                                 <div class="row align-items-center">
    363. 

  363.                                                     <div class="col-2">
    364. 

  364.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorite">
    365. 

  365.                                                             <i class="ion-ios-heart"></i>
    366. 

  366.                                                         </button>
    367. 

  367.                                                     </div>
    368. 

  368.                                                     <div class="col-2">
    369. 

  369.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Compare">
    370. 

  370.                                                             <i class="ion-ios-browsers-outline"></i>
    371. 

  371.                                                         </button>
    372. 

  372.                                                     </div>
    373. 

  373.                                                     <div class="col-8">
    374. 

  374.                                                         <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
    375. 

  375.                                                             <i class="icon ion-android-cart"></i>Add to cart
    376. 

  376.                                                         </button>
    377. 

  377.                                                     </div>
    378. 

  378.                                                 </div>
    379. 

  379.                                             </div>
    380. 

  380.                                         </div>
    381. 

  381.                                     </div>
    382. 

  382.                                 </div>
    383. 

  383. 

  384.                                 <div class="col-lg-3">
    385. 

  385.                                     <div class="block product no-border z-depth-2-top z-depth-2--hover">
    386. 

  386.                                         <div class="block-image">
    387. 

  387.                                             <a href="#">
    388. 

  388.                                                 <img src="static/picture/img-3.png" class="img-center">
    389. 

  389.                                             </a>
    390. 

  390.                                             <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
    391. 

  391.                                         </div>
    392. 

  392. 

  393.                                         <div class="block-body text-center">
    394. 

  394.                                             <h3 class="heading heading-5 strong-600 text-capitalize">
    395. 

  395.                                                 <a href="#">
    396. 

  396.                                                     Libratone Q Adapt
    397. 

  397.                                                 </a>
    398. 

  398.                                             </h3>
    399. 

  399.                                             <p class="product-description">
    400. 

  400.                                                 2.8GHz Processor 1TB Storage 16GB DDR
    401. 

  401.                                             </p>
    402. 

  402.                                             <div class="product-colors mt-2">
    403. 

  403.                                                 <div class="color-switch float-wrapper">
    404. 

  404.                                                     <a href="#" class="bg-purple"></a>
    405. 

  405.                                                     <a href="#" class="bg-pink"></a>
    406. 

  406.                                                     <a href="#" class="bg-blue"></a>
    407. 

  407.                                                 </div>
    408. 

  408.                                             </div>
    409. 

  409.                                             <div class="product-buttons mt-4">
    410. 

  410.                                                 <div class="row align-items-center">
    411. 

  411.                                                     <div class="col-2">
    412. 

  412.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorite">
    413. 

  413.                                                             <i class="ion-ios-heart"></i>
    414. 

  414.                                                         </button>
    415. 

  415.                                                     </div>
    416. 

  416.                                                     <div class="col-2">
    417. 

  417.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Compare">
    418. 

  418.                                                             <i class="ion-ios-browsers-outline"></i>
    419. 

  419.                                                         </button>
    420. 

  420.                                                     </div>
    421. 

  421.                                                     <div class="col-8">
    422. 

  422.                                                         <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
    423. 

  423.                                                             <i class="icon ion-android-cart"></i>Add to cart
    424. 

  424.                                                         </button>
    425. 

  425.                                                     </div>
    426. 

  426.                                                 </div>
    427. 

  427.                                             </div>
    428. 

  428.                                         </div>
    429. 

  429.                                     </div>
    430. 

  430.                                 </div>
    431. 

  431. 

  432.                                 <div class="col-lg-3">
    433. 

  433.                                     <div class="block product no-border z-depth-2-top z-depth-2--hover">
    434. 

  434.                                         <div class="block-image">
    435. 

  435.                                             <a href="#">
    436. 

  436.                                                 <img src="static/picture/img-3.png" class="img-center">
    437. 

  437.                                             </a>
    438. 

  438.                                             <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
    439. 

  439.                                         </div>
    440. 

  440. 

  441.                                         <div class="block-body text-center">
    442. 

  442.                                             <h3 class="heading heading-5 strong-600 text-capitalize">
    443. 

  443.                                                 <a href="#">
    444. 

  444.                                                     Libratone Q Adapt
    445. 

  445.                                                 </a>
    446. 

  446.                                             </h3>
    447. 

  447.                                             <p class="product-description">
    448. 

  448.                                                 2.8GHz Processor 1TB Storage 16GB DDR
    449. 

  449.                                             </p>
    450. 

  450.                                             <div class="product-colors mt-2">
    451. 

  451.                                                 <div class="color-switch float-wrapper">
    452. 

  452.                                                     <a href="#" class="bg-purple"></a>
    453. 

  453.                                                     <a href="#" class="bg-pink"></a>
    454. 

  454.                                                     <a href="#" class="bg-blue"></a>
    455. 

  455.                                                 </div>
    456. 

  456.                                             </div>
    457. 

  457.                                             <div class="product-buttons mt-4">
    458. 

  458.                                                 <div class="row align-items-center">
    459. 

  459.                                                     <div class="col-2">
    460. 

  460.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorite">
    461. 

  461.                                                             <i class="ion-ios-heart"></i>
    462. 

  462.                                                         </button>
    463. 

  463.                                                     </div>
    464. 

  464.                                                     <div class="col-2">
    465. 

  465.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Compare">
    466. 

  466.                                                             <i class="ion-ios-browsers-outline"></i>
    467. 

  467.                                                         </button>
    468. 

  468.                                                     </div>
    469. 

  469.                                                     <div class="col-8">
    470. 

  470.                                                         <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
    471. 

  471.                                                             <i class="icon ion-android-cart"></i>Add to cart
    472. 

  472.                                                         </button>
    473. 

  473.                                                     </div>
    474. 

  474.                                                 </div>
    475. 

  475.                                             </div>
    476. 

  476.                                         </div>
    477. 

  477.                                     </div>
    478. 

  478.                                 </div>
    479. 

  479.                             </div>
    480. 

  480.                         </div>
    481. 

  481.                     </section>
    482. 

  482. 

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

  484.                         <div class="mask mask-base-1--style-1"></div>
    485. 

  485.                         <div class="container">
    486. 

  486.                             <div class="row justify-content-center">
    487. 

  487.                                 <div class="col-6 text-center">
    488. 

  488.                                     <h2 class="heading heading-1 strong-600 c-white">
    489. 

  489.                                         Join the biggest sales of the year
    490. 

  490.                                     </h2>
    491. 

  491.                                     <p class="c-white trong-300 mt-4">
    492. 

  492.                                         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.
    493. 

  493.                                     </p>
    494. 

  494. 

  495.                                     <div class="btn-container mt-5">
    496. 

  496.                                         <a href="#" class="btn btn-styled btn-white btn-outline btn-circle px-5">Learn more</a>
    497. 

  497.                                     </div>
    498. 

  498.                                 </div>
    499. 

  499.                             </div>
    500. 

  500.                         </div>
    501. 

  501.                     </section>
    502. 

  502. 

  503.                     <section class="slice sct-color-1">
    504. 

  504.                         <div class="container">
    505. 

  505.                             <div class="row align-items-center">
    506. 

  506.                                 <div class="col-lg-6 ml-lg-auto order-lg-2">
    507. 

  507.                                     <img src="static/picture/img-product-lg-1.jpg" class="img-fluid">
    508. 

  508.                                 </div>
    509. 

  509. 

  510.                                 <div class="col-lg-5 order-lg-1">
    511. 

  511.                                     <div class="">
    512. 

  512.                                         <h3 class="heading heading-2 strong-600">The most beautiful colors you've ever seen</h3>
    513. 

  513. 

  514.                                         <p class=" c-gray-light mt-4">
    515. 

  515.                                             There is only that moment, and the incredible certainty that everything under the sun has been written by one hand only.
    516. 

  516.                                         </p>
    517. 

  517. 

  518.                                         <div class="btn-container mt-5">
    519. 

  519.                                             <a href="#" class="btn btn-base-1 btn-circle btn-icon-left px-4" data-scroll-to="#scrollToSection">
    520. 

  520.                                                 <i class="icon ion-android-cart"></i> Add to cart
    521. 

  521.                                             </a>
    522. 

  522.                                             <a href="#" class="btn btn-base-3 btn-circle btn-icon-left px-4" data-scroll-to="#scrollToSection">
    523. 

  523.                                                 Learn more
    524. 

  524.                                             </a>
    525. 

  525.                                         </div>
    526. 

  526.                                     </div>
    527. 

  527.                                 </div>
    528. 

  528.                             </div>
    529. 

  529.                         </div>
    530. 

  530.                     </section>
    531. 

  531. 

  532.                     <section class="slice sct-color-2">
    533. 

  533.                         <div class="container">
    534. 

  534.                             <div class="section-title section-title--style-1 text-center">
    535. 

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

  536.                                     <span>Suggested products</span>
    537. 

  537.                                 </h3>
    538. 

  538.                             </div>
    539. 

  539. 

  540.                             <div class="row cols-xs-space cols-sm-space cols-md-space">
    541. 

  541.                                 <div class="col-lg-3">
    542. 

  542.                                     <div class="block product no-border z-depth-2-top z-depth-2--hover">
    543. 

  543.                                         <div class="block-image">
    544. 

  544.                                             <a href="#">
    545. 

  545.                                                 <img src="static/picture/img-1.png" class="img-center">
    546. 

  546.                                             </a>
    547. 

  547.                                             <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
    548. 

  548.                                         </div>
    549. 

  549. 

  550.                                         <div class="block-body text-center">
    551. 

  551.                                             <h3 class="heading heading-5 strong-600 text-capitalize">
    552. 

  552.                                                 <a href="#">
    553. 

  553.                                                     Google Home Base
    554. 

  554.                                                 </a>
    555. 

  555.                                             </h3>
    556. 

  556.                                             <p class="product-description">
    557. 

  557.                                                 2.8GHz Processor 1TB Storage 16GB DDR
    558. 

  558.                                             </p>
    559. 

  559.                                             <div class="product-colors mt-2">
    560. 

  560.                                                 <div class="color-switch float-wrapper">
    561. 

  561.                                                     <a href="#" class="bg-purple"></a>
    562. 

  562.                                                     <a href="#" class="bg-pink"></a>
    563. 

  563.                                                     <a href="#" class="bg-blue"></a>
    564. 

  564.                                                 </div>
    565. 

  565.                                             </div>
    566. 

  566.                                             <div class="product-buttons mt-4">
    567. 

  567.                                                 <div class="row align-items-center">
    568. 

  568.                                                     <div class="col-2">
    569. 

  569.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorite">
    570. 

  570.                                                             <i class="ion-ios-heart"></i>
    571. 

  571.                                                         </button>
    572. 

  572.                                                     </div>
    573. 

  573.                                                     <div class="col-2">
    574. 

  574.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Compare">
    575. 

  575.                                                             <i class="ion-ios-browsers-outline"></i>
    576. 

  576.                                                         </button>
    577. 

  577.                                                     </div>
    578. 

  578.                                                     <div class="col-8">
    579. 

  579.                                                         <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
    580. 

  580.                                                             <i class="icon ion-android-cart"></i>Add to cart
    581. 

  581.                                                         </button>
    582. 

  582.                                                     </div>
    583. 

  583.                                                 </div>
    584. 

  584.                                             </div>
    585. 

  585.                                         </div>
    586. 

  586.                                     </div>
    587. 

  587.                                 </div>
    588. 

  588. 

  589.                                 <div class="col-lg-3">
    590. 

  590.                                     <div class="block product no-border z-depth-2-top z-depth-2--hover">
    591. 

  591.                                         <div class="block-image">
    592. 

  592.                                             <a href="#">
    593. 

  593.                                                 <img src="static/picture/img-2.png" class="img-center">
    594. 

  594.                                             </a>
    595. 

  595.                                             <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
    596. 

  596.                                         </div>
    597. 

  597. 

  598.                                         <div class="block-body text-center">
    599. 

  599.                                             <h3 class="heading heading-5 strong-600 text-capitalize">
    600. 

  600.                                                 <a href="#">
    601. 

  601.                                                     Google Home
    602. 

  602.                                                 </a>
    603. 

  603.                                             </h3>
    604. 

  604.                                             <p class="product-description">
    605. 

  605.                                                 2.8GHz Processor 1TB Storage 16GB DDR
    606. 

  606.                                             </p>
    607. 

  607.                                             <div class="product-colors mt-2">
    608. 

  608.                                                 <div class="color-switch float-wrapper">
    609. 

  609.                                                     <a href="#" class="bg-purple"></a>
    610. 

  610.                                                     <a href="#" class="bg-pink"></a>
    611. 

  611.                                                     <a href="#" class="bg-blue"></a>
    612. 

  612.                                                 </div>
    613. 

  613.                                             </div>
    614. 

  614.                                             <div class="product-buttons mt-4">
    615. 

  615.                                                 <div class="row align-items-center">
    616. 

  616.                                                     <div class="col-2">
    617. 

  617.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorite">
    618. 

  618.                                                             <i class="ion-ios-heart"></i>
    619. 

  619.                                                         </button>
    620. 

  620.                                                     </div>
    621. 

  621.                                                     <div class="col-2">
    622. 

  622.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Compare">
    623. 

  623.                                                             <i class="ion-ios-browsers-outline"></i>
    624. 

  624.                                                         </button>
    625. 

  625.                                                     </div>
    626. 

  626.                                                     <div class="col-8">
    627. 

  627.                                                         <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
    628. 

  628.                                                             <i class="icon ion-android-cart"></i>Add to cart
    629. 

  629.                                                         </button>
    630. 

  630.                                                     </div>
    631. 

  631.                                                 </div>
    632. 

  632.                                             </div>
    633. 

  633.                                         </div>
    634. 

  634.                                     </div>
    635. 

  635.                                 </div>
    636. 

  636. 

  637.                                 <div class="col-lg-3">
    638. 

  638.                                     <div class="block product no-border z-depth-2-top z-depth-2--hover">
    639. 

  639.                                         <div class="block-image">
    640. 

  640.                                             <a href="#">
    641. 

  641.                                                 <img src="static/picture/img-3.png" class="img-center">
    642. 

  642.                                             </a>
    643. 

  643.                                             <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
    644. 

  644.                                         </div>
    645. 

  645. 

  646.                                         <div class="block-body text-center">
    647. 

  647.                                             <h3 class="heading heading-5 strong-600 text-capitalize">
    648. 

  648.                                                 <a href="#">
    649. 

  649.                                                     Libratone Q Adapt
    650. 

  650.                                                 </a>
    651. 

  651.                                             </h3>
    652. 

  652.                                             <p class="product-description">
    653. 

  653.                                                 2.8GHz Processor 1TB Storage 16GB DDR
    654. 

  654.                                             </p>
    655. 

  655.                                             <div class="product-colors mt-2">
    656. 

  656.                                                 <div class="color-switch float-wrapper">
    657. 

  657.                                                     <a href="#" class="bg-purple"></a>
    658. 

  658.                                                     <a href="#" class="bg-pink"></a>
    659. 

  659.                                                     <a href="#" class="bg-blue"></a>
    660. 

  660.                                                 </div>
    661. 

  661.                                             </div>
    662. 

  662.                                             <div class="product-buttons mt-4">
    663. 

  663.                                                 <div class="row align-items-center">
    664. 

  664.                                                     <div class="col-2">
    665. 

  665.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorite">
    666. 

  666.                                                             <i class="ion-ios-heart"></i>
    667. 

  667.                                                         </button>
    668. 

  668.                                                     </div>
    669. 

  669.                                                     <div class="col-2">
    670. 

  670.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Compare">
    671. 

  671.                                                             <i class="ion-ios-browsers-outline"></i>
    672. 

  672.                                                         </button>
    673. 

  673.                                                     </div>
    674. 

  674.                                                     <div class="col-8">
    675. 

  675.                                                         <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
    676. 

  676.                                                             <i class="icon ion-android-cart"></i>Add to cart
    677. 

  677.                                                         </button>
    678. 

  678.                                                     </div>
    679. 

  679.                                                 </div>
    680. 

  680.                                             </div>
    681. 

  681.                                         </div>
    682. 

  682.                                     </div>
    683. 

  683.                                 </div>
    684. 

  684. 

  685.                                 <div class="col-lg-3">
    686. 

  686.                                     <div class="block product no-border z-depth-2-top z-depth-2--hover">
    687. 

  687.                                         <div class="block-image">
    688. 

  688.                                             <a href="#">
    689. 

  689.                                                 <img src="static/picture/img-3.png" class="img-center">
    690. 

  690.                                             </a>
    691. 

  691.                                             <span class="product-ribbon product-ribbon-right product-ribbon--style-1 bg-blue text-uppercase">New</span>
    692. 

  692.                                         </div>
    693. 

  693. 

  694.                                         <div class="block-body text-center">
    695. 

  695.                                             <h3 class="heading heading-5 strong-600 text-capitalize">
    696. 

  696.                                                 <a href="#">
    697. 

  697.                                                     Libratone Q Adapt
    698. 

  698.                                                 </a>
    699. 

  699.                                             </h3>
    700. 

  700.                                             <p class="product-description">
    701. 

  701.                                                 2.8GHz Processor 1TB Storage 16GB DDR
    702. 

  702.                                             </p>
    703. 

  703.                                             <div class="product-colors mt-2">
    704. 

  704.                                                 <div class="color-switch float-wrapper">
    705. 

  705.                                                     <a href="#" class="bg-purple"></a>
    706. 

  706.                                                     <a href="#" class="bg-pink"></a>
    707. 

  707.                                                     <a href="#" class="bg-blue"></a>
    708. 

  708.                                                 </div>
    709. 

  709.                                             </div>
    710. 

  710.                                             <div class="product-buttons mt-4">
    711. 

  711.                                                 <div class="row align-items-center">
    712. 

  712.                                                     <div class="col-2">
    713. 

  713.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Favorite">
    714. 

  714.                                                             <i class="ion-ios-heart"></i>
    715. 

  715.                                                         </button>
    716. 

  716.                                                     </div>
    717. 

  717.                                                     <div class="col-2">
    718. 

  718.                                                         <button type="button" class="btn-icon" data-toggle="tooltip" data-placement="top" title="" data-original-title="Compare">
    719. 

  719.                                                             <i class="ion-ios-browsers-outline"></i>
    720. 

  720.                                                         </button>
    721. 

  721.                                                     </div>
    722. 

  722.                                                     <div class="col-8">
    723. 

  723.                                                         <button type="button" class="btn btn-block btn-base-1 btn-circle btn-icon-left">
    724. 

  724.                                                             <i class="icon ion-android-cart"></i>Add to cart
    725. 

  725.                                                         </button>
    726. 

  726.                                                     </div>
    727. 

  727.                                                 </div>
    728. 

  728.                                             </div>
    729. 

  729.                                         </div>
    730. 

  730.                                     </div>
    731. 

  731.                                 </div>
    732. 

  732.                             </div>
    733. 

  733.                         </div>
    734. 

  734.                     </section>
    735. 

  735. 

  736.                     <section class="slice-sm bg-base-1">
    737. 

  737.                         <div class="container sct-inner">
    738. 

  738.                             <div class="row cols-xs-space cols-sm-space cols-md-space">
    739. 

  739.                                 <div class="col-lg-4 b-lg-right b-inverse">
    740. 

  740.                                     <div class="px-3 py-3 text-lg-center">
    741. 

  741.                                         <h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Free shipping in 48/72H</h3>
    742. 

  742.                                         <p class="c-white alpha-8 line-height-1_6">
    743. 

  743.                                             Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod
    744. 

  744.                                         </p>
    745. 

  745.                                     </div>
    746. 

  746.                                 </div>
    747. 

  747. 

  748.                                 <div class="col-lg-4 b-lg-right b-inverse">
    749. 

  749.                                     <div class="px-3 py-3 text-lg-center">
    750. 

  750.                                         <h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Free returns</h3>
    751. 

  751.                                         <p class="c-white alpha-8 line-height-1_6">
    752. 

  752.                                             Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod
    753. 

  753.                                         </p>
    754. 

  754.                                     </div>
    755. 

  755.                                 </div>
    756. 

  756. 

  757.                                 <div class="col-lg-4">
    758. 

  758.                                     <div class="px-3 py-3 text-lg-center">
    759. 

  759.                                         <h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Secure payment</h3>
    760. 

  760.                                         <ul class="inline-links mt-2">
    761. 

  761.                                             <li>
    762. 

  762.                                                 <img src="static/picture/visa.png" width="30" class="img-grayscale">
    763. 

  763.                                             </li>
    764. 

  764.                                             <li>
    765. 

  765.                                                 <img src="static/picture/mastercard.png" width="30" class="img-grayscale">
    766. 

  766.                                             </li>
    767. 

  767.                                             <li>
    768. 

  768.                                                 <img src="static/picture/maestro.png" width="30" class="img-grayscale">
    769. 

  769.                                             </li>
    770. 

  770.                                             <li>
    771. 

  771.                                                 <img src="static/picture/paypal.png" width="30" class="img-grayscale">
    772. 

  772.                                             </li>
    773. 

  773.                                         </ul>
    774. 

  774.                                     </div>
    775. 

  775.                                 </div>
    776. 

  776.                             </div>
    777. 

  777.                         </div>
    778. 

  778.                     </section>
    779. 

  779. 

  780.                     <!-- FOOTER -->
    781. 

  781.                     {% include '_footer.liquid' %}
    782. 

  782.                 </div>
    783. 

  783.             </div>
    784. 

  784.         </div><!-- END: st-pusher -->
    785. 

  785.     </div><!-- END: st-container -->
    786. 

  786. </div><!-- END: body-wrap -->
    787. 

  787. <a href="#" class="back-to-top btn-back-to-top"></a>
    788. 

  788. {% include '_footer_js.liquid' %}
    789. 

  789. </body>
    790. 

  790. </html>
    791.