修正

index.html

@@ -31,7 +31,7 @@
                 <a data-gt-target="#sec04" data-gt-duration="500" data-gt-offset="60">洞察報告</a>
                 <a data-gt-target="#sec05" data-gt-duration="500" data-gt-offset="60">熱門作品</a>
                 <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">NFT資訊</a>
-                <a data-gt-target="#sec07" data-gt-duration="500" data-gt-offset="50">NFT趨勢數據</a>
+                <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="-700">NFT趨勢數據</a>
                 <a data-gt-target="#footer" data-gt-duration="500" data-gt-offset="50">聯絡我們</a>
 
             </div>
@@ -59,14 +59,13 @@
             <hr>
             <a class="link" data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">NFT資訊</a>
             <hr>
-            <a class="link" data-gt-target="#sec07-moblir-title" data-gt-duration="500" data-gt-offset="50">NFT趨勢數據</a>
+            <a class="link" data-gt-target="#sec07-moblir-title" data-gt-duration="500" data-gt-offset="80">NFT趨勢數據</a>
             <hr>
             <a class="link" data-gt-target="#footer" data-gt-duration="500" data-gt-offset="">聯絡我們</a>
             <hr>
-            <a href="https://www.facebook.com/nftboard">粉絲專頁</a>
+            <a target="_blank" href="https://www.facebook.com/nftboard">粉絲專頁</a>
             <hr>
-            <a class="link" data-gt-target="#sec08" data-gt-duration="500" data-gt-offset=""
-                href="https://www.facebook.com/nftboard">合作夥伴</a>
+            <a class="link" data-gt-target="#sec08" data-gt-duration="500" data-gt-offset="">合作夥伴</a>
         </div>
 
     </div>
@@ -3723,10 +3722,10 @@
             <div id="sec08-container" class="container-fluid">
                 <div id="sec08-title" class="container-fluid">
                     <div class="row">
-                        <div class="col-3">
+                        <div class="col-12 col-lg-3">
                             <h1>合作夥伴</h1>
                         </div>
-                        <div class="col-9">
+                        <div class="col-12 col-lg-9">
                             <div  id="OUR-PARTNER">
                                 <h5>OUR PARTNER</h5>
                             </div>
@@ -3773,10 +3772,10 @@
             <div id="sec09-container" class="container-fluid">
                 <div id="sec09-title">
                     <div class="row">
-                        <div class="col-3">
+                        <div class="col-12 col-lg-3">
                             <h1>交易平台</h1>
                         </div>
-                        <div  class="col-9">
+                        <div  class="col-12 col-lg-9">
                             <div id="TRADING">
 
                                 <h5>TRADING</h5>

style.css

@@ -1966,6 +1966,13 @@ body .learn-more:hover {
   position: relative;
 }
 
+@media screen and (max-width: 767px) {
+  #sec08 {
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #414141), color-stop(30%, transparent), color-stop(55%, #fff));
+    background: linear-gradient(180deg, #414141 55%, transparent 30%, #fff 55%);
+  }
+}
+
 #sec08 #sec08-container-box {
   background-size: contain;
   background-repeat: no-repeat;
@@ -1977,17 +1984,17 @@ body .learn-more:hover {
   padding-top: 5vw;
 }
 
-#sec08 #sec08-title .col-9 {
+#sec08 #sec08-title .col-lg-9 {
   position: relative;
 }
 
-#sec08 #sec08-title .col-9 #OUR-PARTNER {
+#sec08 #sec08-title .col-lg-9 #OUR-PARTNER {
   position: absolute;
   top: -10px;
   right: 0vw;
 }
 
-#sec08 #sec08-title .col-9 #OUR-PARTNER h5 {
+#sec08 #sec08-title .col-lg-9 #OUR-PARTNER h5 {
   font-size: 5em;
   opacity: 0.8;
   /*  文字的距離  */
@@ -1999,6 +2006,15 @@ body .learn-more:hover {
   color: #f5f5f5;
 }
 
+@media screen and (max-width: 767px) {
+  #sec08 #sec08-title .col-lg-9 #OUR-PARTNER h5 {
+    top: 200px;
+    font-size: 3rem;
+    letter-spacing: 5px;
+    display: none;
+  }
+}
+
 #sec08 #sec08-title h1 {
   padding: 10px;
   color: #fff;
@@ -2071,17 +2087,17 @@ body .learn-more:hover {
   padding-bottom: 5vw;
 }
 
-#sec09 .col-9 {
+#sec09 .col-lg-9 {
   position: relative;
 }
 
-#sec09 .col-9 #TRADING {
+#sec09 .col-lg-9 #TRADING {
   position: absolute;
   right: -10px;
   top: -150px;
 }
 
-#sec09 .col-9 #TRADING h5 {
+#sec09 .col-lg-9 #TRADING h5 {
   font-size: calc(7rem + (1.3-1.2) * ((100vw - 600px) / (1200 - 600)));
   opacity: 0.8;
   /*  文字的距離  */
@@ -2092,6 +2108,15 @@ body .learn-more:hover {
   color: #414141;
 }
 
+@media screen and (max-width: 767px) {
+  #sec09 .col-lg-9 #TRADING h5 {
+    top: 200px;
+    font-size: 3rem;
+    letter-spacing: 5px;
+    display: none;
+  }
+}
+
 #sec09 #sec09-container-box {
   background-size: contain;
   background-repeat: no-repeat;

style.scss

@@ -1852,6 +1852,9 @@ body {
     padding-bottom: 5vw;
     background: linear-gradient(180deg, #414141 35%, transparent 30%, #fff 55%);
     position: relative;
+    @media screen and(max-width:$moblie) {
+        background: linear-gradient(180deg, #414141 55%, transparent 30%, #fff 55%);
+    }
 
     #sec08-container-box {
         background-size: contain;
@@ -1861,7 +1864,7 @@ body {
     #sec08-title {
         background: #414141;
         padding-top: 5vw;
-        .col-9{
+        .col-lg-9{
             position: relative;
             #OUR-PARTNER {
                 position: absolute;
@@ -1877,6 +1880,12 @@ body {
                     font-weight: 900;
                     padding-left: 30px;
                     color: #f5f5f5;
+                    @media screen and(max-width:$moblie) {
+                        top: 200px;
+                        font-size: 3rem;
+                        letter-spacing: 5px;
+                        display:none;
+                    }
                 }
             }
         }
@@ -1935,7 +1944,7 @@ body {
     background: #9d9d9d;
 
     padding-bottom: 5vw;
-    .col-9 {
+    .col-lg-9{
         position: relative;
         #TRADING {
             position: absolute;
@@ -1951,6 +1960,12 @@ body {
                 font-weight: 900;
                 padding-left: 30px;
                 color: #414141;
+                @media screen and(max-width:$moblie) {
+                    top: 200px;
+                    font-size: 3rem;
+                    letter-spacing: 5px;
+                    display:none;
+                }
             }
         }
     }