修正

NFTContent.json

@@ -1,13 +1,15 @@
-[{"sec01news":1,"newsimg":"https://storage.googleapis.com/image.blocktempo.com/2021/06/f3fd701e-beec-413f-982d-4a0c3e5b425c-1140x641.png","newstext1":"Binance NFT 市場上線！致敬藝術家創世紀拍賣、盲盒活動，平台首日驚喜不斷",
-    "newstext2":"就是幣安Binance NFT平台橫空出世，引起了全球大漣漪，圈起了無數熱衷藝術與數位創作者的突進","website":"https://www.blocktempo.com/binance-nft-everything-you-need-to-know-about-the-june-24-launch-2/"},
+[{"sec01news":1,"newsimg":"img/sec01/sec01-img06.jpg","newstext1":"【NFT方舟加密藝術Art From Home跨界直播，搶限量NFT】",
+    "newstext2":"主辦：全球NFT指標告示板NFTBoard，時間：7/10(六)晚上7:10舉辦 【NFT方舟加密藝術AFH跨界直播】，當天特別提供多項空投抽獎及直播好禮。請大家快點到NFTBoard粉絲專頁按讚並填寫報名表。","website":"https://www.facebook.com/nftboard/posts/118961837095518"},
+{"sec01news":2,"newsimg":"https://storage.googleapis.com/image.blocktempo.com/2021/06/f3fd701e-beec-413f-982d-4a0c3e5b425c-1140x641.png","newstext1":"Binance NFT 市場上線！致敬藝術家創世紀拍賣、盲盒活動，平台首日驚喜不斷",
+    "newstext2":"就是幣安Binance NFT平台橫空出世，引起了全球大漣漪，圈起了無數熱衷藝術與數位創作者的突進","website":"https://www.facebook.com/nftboard/posts/118961837095518"},
 
-{"sec01news":2,"newsimg":"img/sec01/sec01-img02webp.webp","newstext1":"發明家蒂姆·伯納斯·李 (Tim Berners-Lee) 將網絡的源代碼作為 NFT 拍賣",
+{"sec01news":3,"newsimg":"img/sec01/sec01-img02webp.webp","newstext1":"發明家蒂姆·伯納斯·李 (Tim Berners-Lee) 將網絡的源代碼作為 NFT 拍賣",
     "newstext2":"他補充說：“NFT，無論是藝術品還是像這樣的數位產品，都是該領域最新的有趣創作，也是最合適的所有權方式。它們是包裝網絡背後起源的理想方式。","website":"https://www.facebook.com/nftboard/posts/115261730798862"},
 
-{"sec01news":3,"newsimg":"img/sec01/sec01-img03.webp","newstext1":"TR Lab攜手Amber Group 助攻蔡國強首件NFT作品義拍",
+{"sec01news":4,"newsimg":"img/sec01/sec01-img03.webp","newstext1":"TR Lab攜手Amber Group 助攻蔡國強首件NFT作品義拍",
     "newstext2":"TR Lab主席李昕表示，我們十分榮幸與蔡國強合作，推出他的首件NFT作品。過去十多年，我一直密切關注他的創作歷程，並深信他是一位不斷追求創新的藝術家。","website":"https://www.facebook.com/nftboard/posts/118623850462650"},
 
-{"sec01news":4,"newsimg":"img/sec01/sec01-img04.webp","newstext1":"NFT 大獎!Surprise!原來我們公司出現大獎Black BNB得主!",
+{"sec01news":5,"newsimg":"img/sec01/sec01-img04.webp","newstext1":"NFT 大獎!Surprise!原來我們公司出現大獎Black BNB得主!",
     "newstext2":"是我們 #NFTBoard 的美女PM - Maggie!! NFTBoard公司位在 #N24台北方舟 研擬幣安搶購計畫.....","website":"https://www.facebook.com/nftboard/posts/116652300659805"}
 
 ]

goto.js

@@ -1,5 +1,11 @@
 var random = Math.floor(Math.random() * $('.youtube').length);
 $('.youtube').hide().eq(random).show();
+
+// 廣告區域輪播
+
+    
+  
+
 // sec03排名table輪播
 $('#sec03-slider').slick({
   arrows: false,
@@ -62,6 +68,7 @@ $(function () {
     slidesToScroll: 3,
     infinite: true,
     arrows: true,
+ 
     
     responsive: [
       {
@@ -71,6 +78,8 @@ $(function () {
           slidesToShow: 1, //一次顯示3個
           slidesToScroll: 1,//切換下一頁時移動3個
           infinite: true,
+          dots:false,
+
         }
       }, {
         breakpoint: 600,// RWD在600寬度時切換顯示數量
@@ -79,6 +88,8 @@ $(function () {
           slidesToShow: 1,//一次顯示2個
           slidesToScroll: 1,//切換下一頁時移動2個
           infinite: true,
+          dots:false,
+
         }
       },
     ]
@@ -341,3 +352,4 @@ $(function() {
     }
   });
 
+

style.css

@@ -622,6 +622,7 @@ body .learn-more:hover {
 
 #sec-works #sec-work-box .work-box .card {
   text-align: center;
+  display: inline-block !important;
   -webkit-transition: 0.3s;
   transition: 0.3s;
 }
@@ -1773,8 +1774,8 @@ body .learn-more:hover {
 
 #sec06 #sec06-container .card {
   margin: 10px;
-  display: inline-block !important;
-  height: 480px !important;
+  height: 480px;
+  display: inline-block;
   border-radius: 0%;
   -webkit-box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
           box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
@@ -1974,11 +1975,10 @@ body .learn-more:hover {
 }
 
 #sec08 #sec08-title h1 {
-  text-align: center;
+  padding: 15px;
   color: #fff;
   font-size: 45px;
   font-weight: 900;
-  padding: 5px 10px;
 }
 
 @media screen and (max-width: 767px) {
@@ -2029,15 +2029,26 @@ body .learn-more:hover {
      object-fit: cover;
 }
 
+#sec08 #sec08-container .sec08-1 {
+  padding: 0px !important;
+}
+
 #sec08 #sec08-container .col-3 {
   margin: 10px 0;
 }
 
 #sec08 #sec08-container .col-3 img {
+  padding: 40px;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
+@media screen and (max-width: 767px) {
+  #sec08 #sec08-container .col-3 img {
+    padding: 0;
+  }
+}
+
 #sec09 #sec09-container-box {
   background-size: contain;
   background-repeat: no-repeat;
@@ -2046,12 +2057,11 @@ body .learn-more:hover {
 
 #sec09 #sec09-title {
   padding: 5vw;
-  background: #fff;
+  background: #414141;
 }
 
 #sec09 #sec09-title h1 {
-  text-align: center;
-  color: #000;
+  color: #fff;
   font-size: 45px;
   font-weight: 900;
   padding: 5px 10px;
@@ -2101,15 +2111,10 @@ body .learn-more:hover {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  margin: 0 30px;
-  width: 300px;
 }
 
-@media screen and (max-width: 767px) {
-  #sec09 #sec09-container .card .adv4 img {
-    width: 100px;
-    margin: 0px;
-  }
+#sec09 #sec09-container .sec09-1 {
+  padding: 70px;
 }
 
 #sec09 #sec09-container .col-4 {
@@ -2118,17 +2123,11 @@ body .learn-more:hover {
 }
 
 #sec09 #sec09-container .col-4 img {
-  width: 200px;
+  padding: 50px;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
-@media screen and (max-width: 767px) {
-  #sec09 #sec09-container .col-4 img {
-    width: 100px;
-  }
-}
-
 #footer {
   width: 100vw;
   text-align: center;

style.scss

@@ -485,10 +485,11 @@ body {
         width: 85vw;
     }
     #sec-work-box {
+        
         .work-box {
             .card {
                 text-align: center;
-
+                display: inline-block !important;
                 transition: 0.3s;
                 &:hover {
                     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
@@ -1662,12 +1663,13 @@ body {
     }
 
     #sec06-container {
+       
         width: 80vw;
+        
         .slick-prev:before,
         .slick-next:before {
             opacity: 0;
         }
-
         .slick-prev,
         .slick-next {
             width: 40px;
@@ -1678,6 +1680,7 @@ body {
             background-image: url(./img/sec06/sec06-arrow-2.png);
             background-repeat: no-repeat;
             left: -40px;
+
             &:hover,
             &:focus {
                 background-image: url(./img/sec06/sec06-arrow-2.png);
@@ -1696,11 +1699,10 @@ body {
         }
         .card {
             margin: 10px;
-            display: inline-block !important;
-            height: 480px !important;
+          height: 480px;
+          display:inline-block;
             img {
                 height: 150px;
-
                 object-fit: cover;
             }
             border-radius: 0%;
@@ -1712,6 +1714,7 @@ body {
             .learn-more {
                 width: 120px;
             }
+           
         }
         .learn-more {
             width: 120px;
@@ -1858,11 +1861,11 @@ body {
         padding: 5vw;
         background: #414141;
         h1 {
-            text-align: center;
+            padding: 15px;
             color: #fff;
             font-size: 45px;
             font-weight: 900;
-            padding: 5px 10px;
+           
 
             @media screen and(max-width:$moblie) {
                 font-weight: 900;
@@ -1882,6 +1885,7 @@ body {
     }
     #sec08-container {
         text-align: center;
+        
         .card {
             padding-top: 5vw;
             padding-bottom: 5vw;
@@ -1891,16 +1895,25 @@ body {
                 display: flex;
                 align-items: center;
                 img {
+
                     align-items: center;
                     object-fit: cover;
                 }
             }
         }
+        .sec08-1{
+            padding:0px !important;
+        }
         .col-3 {
             margin: 10px 0;
+            
 
             img {
+                padding: 40px;
                 object-fit: cover;
+                @media screen and(max-width:$moblie) {
+                   padding: 0;
+                }
             }
         }
     }
@@ -1914,11 +1927,11 @@ body {
     }
     #sec09-title {
         padding: 5vw;
-        background: #fff;
+        background: #414141;
 
         h1 {
-            text-align: center;
-            color: #000;
+           
+            color: #fff;
             font-size: 45px;
             font-weight: 900;
             padding: 5px 10px;
@@ -1951,24 +1964,19 @@ body {
                 align-items: center;
                 img {
                     align-items: center;
-                    margin: 0 30px;
-                    width: 300px;
-                    @media screen and(max-width:$moblie) {
-                        width: 100px;
-                        margin: 0px;
-                    }
                 }
             }
         }
+
+        .sec09-1{
+            padding: 70px;
+        }
         .col-4 {
             margin: 10px 0;
             padding: 15px;
             img {
-                width: 200px;
+               padding: 50px;
                 object-fit: cover;
-                @media screen and(max-width:$moblie) {
-                    width: 100px;
-                }
             }
         }
     }