初版

index.html

@@ -29,13 +29,13 @@
                 <a href=""> <img src="./img/LOGO.png" alt=""></a>
             </div>
             <div id="link" class="col-md-10 col-lg-10">
-                <a href="">相關新聞</a>
-                <a href="">TOP NFT ARTIST</a>
-                <a href="">洞察報告</a>
-                <a href="">熱門作品</a>
-                <a href="">NFT資訊</a>
-                <a href="">NFT趨勢數據</a>
-                <a href="">聯絡我們</a>
+                <a data-gt-target="#sec01 " data-gt-duration="500" data-gt-offset="">相關新聞</a>
+                <a  data-gt-target="#sec02" data-gt-duration="800" data-gt-offset="60">TOP NFT ARTIST</a>
+                <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="#footer" data-gt-duration="500" data-gt-offset="50">聯絡我們</a>
             </div>
             <img id="menu-btn1" src="./img/menu.png" alt="">
         </div>
@@ -46,26 +46,19 @@
         <div style="text-align: right;">
             <img class="close" src="./img/close.png" alt="">
         </div>
-           <a class="link" data-gt-target="#sec01 " data-gt-duration="500"
-                    data-gt-offset="" style="padding-top: 3vw;">相關新聞</a>
+           <a class="link" data-gt-target="#sec01 " data-gt-duration="500" data-gt-offset="" style="padding-top: 3vw;">相關新聞</a>
             <hr>
-           <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800"
-                    data-gt-offset="60">TOP NFT ARTIST</a>
+           <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">TOP NFT ARTIST</a>
             <hr>
-            <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500"
-                    data-gt-offset="60">洞察報告</a>
+            <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500" data-gt-offset="60">洞察報告</a>
             <hr>
-          <a class="link" data-gt-target="#sec05-moblie " data-gt-duration="500"
-                    data-gt-offset="60">熱門作品</a>
+          <a class="link" data-gt-target="#sec05-moblie " data-gt-duration="500" data-gt-offset="60">熱門作品</a>
             <hr>
-            <a class="link" data-gt-target="#sec06" data-gt-duration="500"
-                    data-gt-offset="60">NFT資訊</a>
+            <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="50">NFT趨勢數據</a>
             <hr>
-            <a class="link" data-gt-target="#information-mobile" data-gt-duration="500"
-                    data-gt-offset="">聯絡我們</a>
+            <a class="link" data-gt-target="" data-gt-duration="500" data-gt-offset="">聯絡我們</a>
             <hr>
 
         </div>
@@ -76,7 +69,7 @@
         <div id="banner-container">
             <div class="youtube " >
                 <div  class="row">
-                    <div id="youtube-text" class="col-12 order-2 col-lg-4 order-lg-1">
+                    <div id="youtube-text" class="col-12 order-2 col-lg-4 order-lg-1 ">
                       <h1 style="text-align: left;">依照選舉結果變化的數位收藏品(NFT)？</h1>
                       <hr>
                       <p>去年10月美國邁阿密藝術收藏家羅德里格斯福瑞爾（Pablo Rodriguez-Fraile）以近 6 萬 7000 美元（約新台幣 187萬元）代價，買下數位藝術家 Beeple 的一件影片作品。</p>
@@ -87,7 +80,7 @@
                       https://twitter.com/i/status/1322273227977203713
                       "><button class="learn-more">LearnMore</button> </a>                 
                     </div>
-                    <div class="col-12  order-1 col-lg-8 order-lg-2">
+                    <div class="col-12  order-1 col-lg-8 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//qj0_2TgJLtY' frameborder='0' allowfullscreen></iframe></div>
                     </div>
                 </div>
@@ -119,7 +112,7 @@
         <div id="sec01-container" class="container-fluid">
             <div id="sec01-container-card" class="row">
                 <div class="card col-lg-6">
-                    <img src="https://storage.googleapis.com/image.blocktempo.com/2021/06/f3fd701e-beec-413f-982d-4a0c3e5b425c-1140x570.png" alt="">
+                    <a target="https://www.blocktempo.com/binance-nft-everything-you-need-to-know-about-the-june-24-launch-2/" href="https://www.blocktempo.com/binance-nft-everything-you-need-to-know-about-the-june-24-launch-2/"><img src="https://storage.googleapis.com/image.blocktempo.com/2021/06/f3fd701e-beec-413f-982d-4a0c3e5b425c-1140x570.png" alt=""></a>
                     <div class="row">
                         <div class="col-2">
                             <h1>1</h1>
@@ -133,7 +126,7 @@
                     </div>
                 </div>
                 <div class="card col-lg-6">
-                    <img src="./img/sec01/sec01-img02webp.webp" alt="">
+                    <a target="https://www.facebook.com/nftboard/posts/115134340811601" href="https://www.facebook.com/nftboard/posts/115134340811601"><img src="./img/sec01/sec01-img02webp.webp" alt=""></a> 
                     <div class="row">
                         <div class="col-2">
                             <h1>2</h1>
@@ -147,7 +140,8 @@
                     </div>
                 </div>
                 <div class="card col-lg-6">
-                    <img src="https://external.ftpe13-2.fna.fbcdn.net/safe_image.php?d=AQFRPd2ASq15cuhX&w=584&h=305&url=https%3A%2F%2Fimg.chainnews.com%2Fupload%2Fcover%2F9016370500224ebbcdf7943b39add0f4.jpg-large&cfs=1&ext=jpg&ccb=3-5&_nc_hash=AQEexe9vdLe57p_Z" alt="">
+                    <a target="https://www.chainnews.com/zh-hant/articles/776491954921.htm" href="https://www.chainnews.com/zh-hant/articles/776491954921.htm"><img src="https://external.ftpe13-2.fna.fbcdn.net/safe_image.php?d=AQFRPd2ASq15cuhX&w=584&h=305&url=https%3A%2F%2Fimg.chainnews.com%2Fupload%2Fcover%2F9016370500224ebbcdf7943b39add0f4.jpg-large&cfs=1&ext=jpg&ccb=3-5&_nc_hash=AQEexe9vdLe57p_Z" alt=""></a>
+
                     <div class="row">
                         <div class="col-2">
                             <h1>3</h1>
@@ -162,7 +156,8 @@
                     </div>
                 </div>
                 <div class="card col-lg-6">
-                    <img src="https://scontent.ftpe13-2.fna.fbcdn.net/v/t1.6435-9/201138769_116652273993141_3905296953708787561_n.jpg?_nc_cat=108&ccb=1-3&_nc_sid=730e14&_nc_ohc=pzjeWoR6-TEAX-MmeEg&_nc_ht=scontent.ftpe13-2.fna&oh=5a722d725f647e8992882de6143d8cf8&oe=60E30FCC" alt="">
+                    <a target="https://www.facebook.com/100259488965753/posts/116652300659805/?d=n" href="https://www.facebook.com/100259488965753/posts/116652300659805/?d=n"><img src="https://scontent.ftpe13-2.fna.fbcdn.net/v/t1.6435-9/201138769_116652273993141_3905296953708787561_n.jpg?_nc_cat=108&ccb=1-3&_nc_sid=730e14&_nc_ohc=pzjeWoR6-TEAX-MmeEg&_nc_ht=scontent.ftpe13-2.fna&oh=5a722d725f647e8992882de6143d8cf8&oe=60E30FCC" alt=""></a>
+
                     <div class="row">
                         <div class="col-2">
                             <h1>4</h1>
@@ -655,7 +650,7 @@
                             <p class="card-text">這類藝術品的規模有多大，大多數NFT都可以當成藝術品，比如卡牌，比如NBA TOP SHOT,那麼這個數據劃分其實有很大不一樣.......
                             </p>
 
-                            <a href="https://weibo.com/ttarticle/p/show?id=2309404643700557873571"><button class="learn-more">LearnMore</button></a>
+                            <a target="https://weibo.com/ttarticle/p/show?id=2309404643700557873571" href="https://weibo.com/ttarticle/p/show?id=2309404643700557873571"><button class="learn-more">LearnMore</button></a>
                         </div>
                     </div>
                 </div>
@@ -3347,14 +3342,14 @@
     <footer id="footer" class="container-fluid" style="padding:0;margin:0">
         <div class="footer-link">
 
-            <a href=""><span>｜</span>粉絲專頁<span>｜</span></a>
+            <a target="https://www.facebook.com/nftboard" href="https://www.facebook.com/nftboard"><span>｜</span>粉絲專頁<span>｜</span></a>
             <a href=""><span>｜</span>OpenTalk<span>｜</span></a>
             <a href=""><span>｜</span>Ark.cards<span>｜</span></a>
             <a href=""><span>｜</span>NFTfair.art<span>｜</span></a>
         </div>
         <div class="text">
-            <h2>客服電話：0988268521</h2>
-            <h2>客服信箱：elainsmail@gmail.com</h2>
+            <a href="tel:0988268521"><h2>客服電話：0988268521</h2></a>
+            <a  href="mailto:yiya@hhh.com.tw"><h2>客服信箱：elainsmail@gmail.com</h2></a>
             <h2 style="display: block;">公司名稱：微生活知識科技公司</h2>
             <p>開拓Open Talk &copy; All Rights Reserved.</p>
         </div>

style.css

@@ -1230,6 +1230,10 @@ body .learn-more:hover {
   padding-top: 3vw;
 }
 
+#footer .text a {
+  color: #fff;
+}
+
 #footer .text h2 {
   font-size: 20px;
   margin: 10px;

style.scss

@@ -180,11 +180,13 @@ body {
         .youtube {
             width: 80vw;
             padding-top: 10vw;
+            
             margin: 0 auto;
             color: #fff;
             @media screen and(max-width:$moblie) {
                 padding-top: 30vw;
             }
+           
             hr {
                 width: 12vw;
                 height: 2px;
@@ -1000,6 +1002,10 @@ body {
     }
     .text {
         padding-top: 3vw;
+        a{
+          
+            color:#fff;
+        }
         h2 {
             font-size: 20px;
             margin: 10px;