新增夥伴區塊

index.html

@@ -3820,14 +3820,29 @@
                     <div class="row">
                         <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-1.jpeg" alt=""></a></div>
+
                         <div class="col-3 py-3"><a target="_blank" href="https://opensea.io/"><img class="img-fluid"
                                     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>
+
                         <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>
+
+                        <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
+                            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
+                                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
-                                    class="img-fluid" src="./img/sec09/sec09-adv-6.png" alt=""></a></div>
+                            class="img-fluid" src="./img/sec09/sec09-8.jpg" alt=""></a></div>                            
                     </div>
                 </div>
             </div>

style.css

@@ -2148,7 +2148,7 @@ body .learn-more:hover {
 }
 
 #sec09 {
-  background: #9d9d9d;
+  background: #414141;
   padding-bottom: 5vw;
 }
 
@@ -2182,7 +2182,7 @@ body .learn-more:hover {
   /*  通常搭配內距左邊  */
   letter-spacing: 10px;
   font-weight: 900;
-  color: #414141;
+  color: #f5f5f5;
 }
 
 @media screen and (max-width: 767px) {
@@ -2233,11 +2233,16 @@ body .learn-more:hover {
 }
 
 #sec09 #sec09-container .card {
+  background: #000;
   padding-top: 5vw;
   padding-bottom: 5vw;
   border: none;
 }
 
+#sec09 #sec09-container .card .sec09-7 {
+  width: 200px;
+}
+
 #sec09 #sec09-container .card .adv4 {
   display: -webkit-box;
   display: -ms-flexbox;

style.scss

@@ -1989,7 +1989,8 @@ width: 100vw;
 }
 
 #sec09 {
-    background: #9d9d9d;
+    background: #414141;
+    
 
     padding-bottom: 5vw;
     .col-lg-9{
@@ -2013,7 +2014,7 @@ width: 100vw;
 
                 letter-spacing: 10px;
                 font-weight: 900;
-                color: #414141;
+                color: #f5f5f5;
                 @media screen and(max-width:$moblie) {
                     font-size: 20px;
                       letter-spacing: 5px;
@@ -2057,10 +2058,13 @@ width: 100vw;
     }
     #sec09-container {
         .card {
+            background: #000;
             padding-top: 5vw;
             padding-bottom: 5vw;
             border: none;
-
+            .sec09-7{
+                width: 200px;
+            }
             .adv4 {
                 display: flex;
                 align-items: center;