修正

index.html

@@ -89,7 +89,7 @@
     <section id="banner" class="container-fluid" style="margin: 0; padding: 0;">
         <div id="banner-container">
             <div class="youtube-slider">
-                <div class="youtube">
+                <!-- <div class="youtube">
                     <div class="row">
                         <div id="youtube-text" class="col-12 order-2 col-lg-5 order-lg-1 ">
                             <a target="_blank" href="">
@@ -113,7 +113,7 @@
                         </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 ">
@@ -3478,7 +3478,7 @@
             <div class="container-fluid">
                 <div id="sec06-container" class="row">
                     <div class="col-lg-3 py-3">
-                        <div class="card h-100 d-inline-block">
+                        <div class="card">
                             <img src="./img/sec06/sec06-01.webp" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">誰要買這個啦！推特執行長賣推文「加密熱潮」新標的，NFT是什麼？</h5>
@@ -3495,7 +3495,7 @@
 
                     </div>
                     <div class="col-lg-3 py-3">
-                        <div class="card h-100 d-inline-block">
+                        <div class="card">
                             <img src="./img/sec06/sec06-02.webp" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">聊一聊NFT應用場景~門票/體育、活動門票系列</h5>
@@ -3512,7 +3512,7 @@
                         </div>
                     </div>
                     <div class="col-lg-3 py-3">
-                        <div class="card h-100 d-inline-block">
+                        <div class="card">
                             <img src="./img/sec06/sec06-03.png" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">聊一聊NFT應用場景~紀錄/身分驗證、實體資產和文件記錄</h5>
@@ -3527,7 +3527,7 @@
                         </div>
                     </div>
                     <div class="col-lg-3 py-3">
-                        <div class="card h-100 d-inline-block">
+                        <div class="card">
                             <img src="./img/sec06/sec06-04.webp" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">聊一聊NFT應用場景~遊戲/藝術</h5>
@@ -3541,7 +3541,7 @@
                         </div>
                     </div>
                     <div class="col-lg-3 py-3">
-                        <div class="card h-100 d-inline-block">
+                        <div class="card">
                             <img src="./img/sec06/sec06-05.png" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">聊一聊NFT應用場景~音樂/虛擬世界</h5>
@@ -3556,7 +3556,7 @@
                         </div>
                     </div>
                     <div class="col-lg-3 py-3">
-                        <div class="card h-100 d-inline-block">
+                        <div class="card">
                             <img src="./img/sec06/sec06-06.png" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">聊一聊NFT應用場景~域名/技能</h5>
@@ -3571,7 +3571,7 @@
                     </div>
 
                     <div class="col-lg-3 py-3">
-                        <div class="card h-100 d-inline-block">
+                        <div class="card">
                             <img src="./img/sec06/sec06-07.png" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">當下火熱的NFT有沒投資價值？一般人如何通過參與NFT獲得收益？</h5>
@@ -3586,7 +3586,7 @@
                     </div>
 
                     <div class="col-lg-3 py-3">
-                        <div class="card h-100 d-inline-block">
+                        <div class="card">
                             <img src="./img/sec06/sec06-08.jpg" class="card-img-top" alt="...">
                             <div class="card-body">
                                 <h5 class="card-title">聊一聊NFT應用場景時尚/娛樂</h5>
@@ -3803,11 +3803,11 @@
                                 href="https://www.facebook.com/Shengeng.Foundation/"><img class="img-fluid"
                                     src="./img/sec08/sec06-05.png" alt=""></a></div>
                         <div class="col-3"><a target="_blank" href="https://www.ampaimusic.com/"><img class="img-fluid"
-                                    src="./img/sec08/sec06-01.jpg" alt=""></a>
+                                    src="./img/sec08/sec06-01-removebg-preview.png" alt=""></a>
                         </div>
                         <div class="col-3"><a target="_blank"
                                 href="https://www.oursong.com/party/vbloqxgl?redeem_code=XJBONRDL"><img
-                                    class="img-fluid" src="./img/sec08/oursong.jpg" alt=""></a></div>
+                                    class="img-fluid" src="./img/sec08/oursong-removebg-preview.png" alt=""></a></div>
 
                         <div class="col-3"><a target="_blank" href="https://opentalk.center/"><img
                                     class="sec08-1 img-fluid" src="./img/sec08/logo01_jpg.jpg" alt=""></a></div>
@@ -3850,10 +3850,10 @@
                                     src="./img/sec09/sec09-adv-2.png" alt=""></a></div>
 
                         <div class="col-3 py-3"><a target="_blank" href="https://www.binance.com/zh-TW/nft"><img
-                                    class="img-fluid" src="./img/sec09/sec09-adv-3.jpg" alt=""></a></div>
+                                    class="img-fluid" src="./img/sec09/sec09-adv-3-removebg-preview.png" alt=""></a></div>
 
                         <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://mintable.app/browse"><img
-                                    class="img-fluid" src="./img/sec09/sec09-adv-4.png" alt=""></a></div>
+                                    class="img-fluid" src="./img/sec09/aec09-adv-4rev.png" alt=""></a></div>
 
                         <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>
@@ -3867,12 +3867,13 @@
                         
 
                         <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>                            
+                            class="img-fluid" src="./img/sec09/sec09-8-removebg-preview.png" alt=""></a></div>                            
                     </div>
                 </div>
             </div>
         </div>
     </section>
+   
     <!-- footer -->
     <footer id="footer" class="container-fluid" style="padding:0;margin:0">
         <div class="text" style="padding-right:0;">
@@ -4016,7 +4017,7 @@
                                 <div class="card">\
                                     <a href="' + msg[i].website + '" " target="_blank"><img class="img-fluid" src="' + msg[i].workimg + '" alt=""></a> \
                                     <div class="card-body">\
-                                        <p style="font-weight: 900; font-size: 20px;">'+ msg[i].worktext1 + '</p> \
+                                        <p style="font-weight: 900; font-size: 20px; ">'+ msg[i].worktext1 + '</p> \
                                         <p>'+ msg[i].worktext2 + '</p> \
                                     </div> \
                                 </div> \
@@ -4053,6 +4054,7 @@
 
         });
     </script>
+
 </body>
 
 </html>

style.css

@@ -1934,7 +1934,7 @@ body .learn-more:hover {
 
 #sec06 #sec06-container .card {
   margin: 10px;
-  height: 480px;
+  height: 500px;
   display: inline-block;
   border-radius: 0%;
   -webkit-box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);

style.scss

@@ -224,6 +224,8 @@ body {
                         width: 80vw;
                     }
                 }
+               
+                
                 .youtube-text-title2 {
                     width: 350px;
                     @media screen and(max-width:$moblie) {
@@ -1817,7 +1819,7 @@ width: 100vw;
         }
         .card {
             margin: 10px;
-            height: 480px;
+            height: 500px;
             display: inline-block;
             img {
                 height: 150px;