瀏覽代碼

feat: template update

igb 5 月之前
父節點
當前提交
7ebdb94d7e
共有 1 個文件被更改,包括 71 次插入168 次删除
  1. 71 168
      resources/views/liquid_src/1/TechVista/home.liquid

+ 71 - 168
resources/views/liquid_src/1/TechVista/home.liquid

@@ -1,14 +1,14 @@
 <!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' %}
+    <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>
 
@@ -25,171 +25,74 @@
 
                     <!-- 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>
+                        <!-- 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 -->
+                                    <a href="#">
+                                        <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>
+                                    </a>
+                                    <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-600">
-						the new Phone X
+						the new Iphone X
 					</span>
+                                </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 -->
+                                    <a href="#">
+                                        <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>
+                                    </a>
+
+                                    <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;">
 
-				</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 -->
+                                    </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">
@@ -199,7 +102,7 @@
                                 </h3>
                             </div>
 
-                           {% product  mode="list" limit=3 template='__product_list_1.liquid' %}
+                            {% product  mode="list" limit=3 template='__product_list_1.liquid' %}
 
                         </div>
                     </section>
@@ -240,4 +143,4 @@
 <a href="#" class="back-to-top btn-back-to-top"></a>
 {% include '_footer_js.liquid' %}
 </body>
-</html>
+</html>