內容新增

NFTContent.json

@@ -6,10 +6,13 @@
 {"sec01news":3,"newsimg":"img/sec01/sec01-img02webp.webp","newstext1":"發明家蒂姆·伯納斯·李 (Tim Berners-Lee) 將網絡的源代碼作為 NFT 拍賣",
     "newstext2":"他補充說：“NFT，無論是藝術品還是像這樣的數位產品，都是該領域最新的有趣創作，也是最合適的所有權方式。它們是包裝網絡背後起源的理想方式。","website":"https://www.facebook.com/nftboard/posts/115261730798862"},
 
-{"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-7.webp","newstext1":"Jay-Z NFT拍賣已結束，該獨特收藏品的最終售價為 139,000 美元。",
+    "newstext2":"Jay-Z 是一名美國饒舌歌手、企業家、詞曲作家和聲歌手樂製作人，他是世界上最暢銷的音樂藝人之一，也是有史以來最受好評的饒舌歌手之一。","website":"https://www.facebook.com/nftboard/posts/118151157176586"},
 
-{"sec01news":5,"newsimg":"img/sec01/sec01-img04.webp","newstext1":"NFT 大獎!Surprise!原來我們公司出現大獎Black BNB得主!",
+{"sec01news":5,"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":6,"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"}
 
 ]

index.html

@@ -89,6 +89,27 @@
     <section id="banner" class="container-fluid" style="margin: 0; padding: 0;">
         <div id="banner-container">
             <div class="youtube-slider">
+                <!-- <div class="youtube7-10">
+                    <div class="row">
+                        <div id="youtube-text" class="col-12 order-2 col-lg-5 order-lg-1 ">
+                            <a target="_blank" href="">
+                                <h1 class="youtube-text-title1">NFT方舟加密藝術Art From Home跨界直播，搶限量NFT</h1>
+                            </a>
+                            <hr>
+                            <p>主辦：全球NFT指標告示板NFTBoard</p>
+                            <p>時間：7/10(六)晚上7:10舉辦，因疫情落實現場5人以下規定，分三階段邀請文策院副院長張文櫻、幣安大中華社區負責人ZORA、OURSONG 共同創辦人吳柏蒼、北科大助理教授葛如鈞(寶博士)、DFUN雜誌創辦人馬修、幣圈網紅吟遊詩人與IG大V刺刺，歡迎大家一起線上參與。</p>
+                            <div class="youtube-text-hr"
+                                style="border-top:1px dashed #cccccc;height: 1px;overflow:hidden">
+                              
+                            </div>
+                            <p>當天特別提供多項空投抽獎及直播好禮，請大家快點到  <a href="https://www.facebook.com/nftboard/">https://www.facebook.com/nftboard/</a> 按讚並加入FB直播，填寫抽獎報名表。</p>
+                        </div>
+                        <div class="col-12  order-1 col-lg-7 order-lg-2 ">
+                            <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//nSU1npD2M7o' frameborder='0' allowfullscreen></iframe></div>
+                        </div>
+                    </div>
+
+                </div> -->
                 <div class="youtube ">
                     <div class="row">
                         <div id="youtube-text" class="col-12 order-2 col-lg-5 order-lg-1 ">
@@ -3833,15 +3854,15 @@
                         <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://makersplace.com/"><img
                                     class="img-fluid" src="./img/sec09/sec09-5.png" alt=""></a></div>
 
-                        <div class="col-3 py-3"><a target="_blank" href="https://www.binance.com/zh-TW/nft"><img
+                        <div class="col-3 py-3"><a target="_blank" href="https://knownorigin.io/"><img
                             class="img-fluid" src="./img/sec09/sec09-6.webp" alt=""></a></div>    
                         
-                            <div style="text-align: center;" class="col-3 py-3"><a target="_blank" href="https://www.binance.com/zh-TW/nft"><img
+                            <div style="text-align: center;" class="col-3 py-3"><a target="_blank" href="https://zora.co/"><img
                                 class="sec09-7 img-fluid" src="./img/sec09/sec09-7.webp" alt=""></a></div>    
                        
                         
 
-                        <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://makersplace.com/"><img
+                        <div class="sec09-1 col-3 py-3"><a target="_blank" href=" https://superrare.com/"><img
                             class="img-fluid" src="./img/sec09/sec09-8.jpg" alt=""></a></div>                            
                     </div>
                 </div>
@@ -3941,7 +3962,7 @@
                 .done(function (msg) {
                     var sec01News = '';
                     console.log(msg);
-                    const limit = 5;
+                    const limit = 6;
                     for (var i = 0; i < limit; i++) {
                         var numb=i+1;
                         sec01News += ' \

style.css

@@ -384,6 +384,114 @@ body .learn-more:hover {
   }
 }
 
+#banner #banner-container .youtube7-10 {
+  width: 80vw;
+  padding-top: 10vw;
+  margin: 0 auto;
+  color: #fff;
+}
+
+#banner #banner-container .youtube7-10 a {
+  text-decoration: none;
+  color: #fff;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 {
+    padding-top: 10vw;
+    width: 95vw;
+  }
+}
+
+#banner #banner-container .youtube7-10 #youtube-text h1 {
+  font-size: 40px;
+  text-align: left;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 #youtube-text h1 {
+    font-size: 30px;
+    margin: 0;
+  }
+}
+
+#banner #banner-container .youtube7-10 #youtube-text .youtube-text-title1 {
+  width: 380px;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 #youtube-text .youtube-text-title1 {
+    width: 80vw;
+  }
+}
+
+#banner #banner-container .youtube7-10 #youtube-text .youtube-text-title2 {
+  width: 380px;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 #youtube-text .youtube-text-title2 {
+    width: 80vw;
+  }
+}
+
+#banner #banner-container .youtube7-10 #youtube-text p {
+  width: 350px;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 #youtube-text p {
+    width: 80vw;
+  }
+}
+
+#banner #banner-container .youtube7-10 hr {
+  width: 12vw;
+  height: 2px;
+  color: #fff;
+  margin: 20px 0px;
+  opacity: 1 !important;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 hr {
+    width: 80vw;
+  }
+}
+
+#banner #banner-container .youtube7-10 .youtube-text-hr {
+  width: 20vw;
+  padding: 10px;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 .youtube-text-hr {
+    width: 80vw;
+  }
+}
+
+#banner #banner-container .youtube7-10 p {
+  font-size: 18px;
+}
+
+#banner #banner-container .youtube7-10 h1 {
+  font-size: 30px;
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 h1 {
+    font-size: 25px;
+    padding: 15px 0px;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  #banner #banner-container .youtube7-10 .learn-more {
+    width: 100%;
+    margin: 10px 0px;
+  }
+}
+
 #banner #banner-container .contact-form-destop {
   text-align: center;
 }

style.scss

@@ -298,6 +298,86 @@ body {
             }
         }
 
+        .youtube7-10{
+            width: 80vw;
+            padding-top: 10vw;
+            margin: 0 auto;
+            color: #fff;
+            a {
+                text-decoration: none;
+                color: #fff;
+            }
+            @media screen and(max-width:$moblie) {
+                padding-top: 10vw;
+               
+                width: 95vw;
+            }
+            #youtube-text {
+                h1 {
+                    font-size: 40px;
+                    text-align: left;
+                    @media screen and(max-width:$moblie) {
+                        font-size: 30px;
+                        margin: 0;
+                    }
+                }
+                .youtube-text-title1 {
+                    width: 380px;
+                    @media screen and(max-width:$moblie) {
+                        width: 80vw;
+                    }
+                }
+                .youtube-text-title2 {
+                    width: 380px;
+                    @media screen and(max-width:$moblie) {
+                        width: 80vw;
+                    }
+                }
+                p {
+                    width: 350px;
+                    @media screen and(max-width:$moblie) {
+                        width: 80vw;
+                    }
+                }
+            }
+
+            hr {
+                width: 12vw;
+                height: 2px;
+                color: #fff;
+                margin: 20px 0px;
+                opacity: 1 !important;
+                @media screen and(max-width:$moblie) {
+                    width: 80vw;
+                }
+            }
+            .youtube-text-hr {
+                width: 20vw;
+                padding: 10px;
+                @media screen and(max-width:$moblie) {
+                    width: 80vw;
+                }
+            }
+
+            p {
+                font-size: 18px;
+            }
+            h1 {
+                font-size: 30px;
+
+                @media screen and(max-width:$moblie) {
+                    font-size: 25px;
+                    padding: 15px 0px;
+                }
+            }
+            .learn-more {
+                @media screen and(max-width:$moblie) {
+                    width: 100%;
+                    margin: 10px 0px;
+                }
+            }
+        }
+
         .contact-form-destop {
             text-align: center;
             @media screen and(max-width:$moblie) {