頁尾

index.html

@@ -439,7 +439,7 @@
                             <tr>
                                 <th scope="row">4</th>
                                 <td>
-                                    <img src="./img/sec03/top5webp.webp" alt="">
+                                    <a target="_blank" href="https://opensea.io/assets/0xce5e90533d9dbc30eac8a3610a681fc7aaa23193/43100040225"><img src="./img/sec03/top5webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
                                             <a target="https://opensea.io/nifty-gateway-omnibus"
@@ -499,10 +499,10 @@
                                             src="./img/sec03/sec04-top-11.jpg" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
-                                            <a target="https://twitter.com/beeple"
-                                                href="https://twitter.com/beeple"></a>
+                                           
                                             <h1 style="opacity: 0;">beeple</h1>
-                                            <h1>beeple</h1>
+                                            <a target="https://twitter.com/beeple"
+                                            href="https://twitter.com/beeple"> <h1>beeple</h1></a>
                                             <h1 style="opacity: 0;">beeple</h1>
                                         </div>
                                         <div>
@@ -662,7 +662,7 @@
                             <tr>
                                 <th scope="row">2</th>
                                 <td>
-                                    <a target="https://opensea.io/assets/0xd92e44ac213b9ebda0178e1523cc0ce177b7fa96/100010115"
+                                    <a target="_blank"
                                         href="https://opensea.io/assets/0xd92e44ac213b9ebda0178e1523cc0ce177b7fa96/100010115"><img
                                             src="./img/sec03/top2webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
@@ -709,8 +709,8 @@
                                 <th scope="row">4</th>
                                 <td>
                                     <a target="_blank"
-                                        href="https://opensea.io/assets/0xce5e90533d9dbc30eac8a3610a681fc7aaa23193/43100040225"></a><img
-                                        src="./img/sec03/top5webp.webp" alt="">
+                                        href="https://opensea.io/assets/0xce5e90533d9dbc30eac8a3610a681fc7aaa23193/43100040225"><img
+                                        src="./img/sec03/top5webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
                                             <a target="https://opensea.io/nifty-gateway-omnibus"
@@ -734,7 +734,7 @@
                             <tr>
                                 <th scope="row">5</th>
                                 <td>
-                                    <img src="./img/sec03/top3webp.webp" alt="">
+                                   <a target="_blank" href="https://www.oursong.com/project/dprnydqw/song-share-card"><img src="./img/sec03/top3webp.webp" alt=""></a> 
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
                                             <a target="_blank" href="https://www.youtube.com/watch?v=uZtX_3TRdiE">
@@ -3871,15 +3871,15 @@
     </section>
     <!-- footer -->
     <footer id="footer" class="container-fluid" style="padding:0;margin:0">
-        <div class="text">
-            <a href="tel:0988268521">
-                <h2>客服電話：0988268521</h2>
-            </a>
-            <a href="mailto:elainsmail@gmail.com">
-                <h2>客服信箱：elainsmail@gmail.com</h2>
+        <div class="text" style="padding-right:0;">
+            <a target="_blank" href="mailto:elainsmail@gmail.com">
+                <h2>客服信箱：nftboard.info@gmail.com</h2>
             </a>
-            <h2 style="display: block;">公司名稱：微生活知識科技公司</h2>
-            <p>開拓Open Talk &copy; All Rights Reserved.</p>
+            <h2>公司名稱：微生活知識科技公司</h2>
+            <a target="_blank" href="https://www.facebook.com/nftboard">
+                <img src="./img/facebook (2).png" alt=""></a>
+            <a target="_blank" href="https://www.instagram.com/nftboard.info/"><img src="./img/instagram.png" alt=""></a>    
+            <p>NFTBoard &copy; All Rights Reserved.</p>
         </div>
     </footer>
 

style.css

@@ -2409,7 +2409,6 @@ body .learn-more:hover {
   line-height: 2;
   background: #313131;
   color: #fff;
-  padding-bottom: 3vw !important;
 }
 
 #footer .footer-link {
@@ -2465,7 +2464,6 @@ body .learn-more:hover {
   font-size: 20px;
   margin: 10px;
   letter-spacing: 1px;
-  display: inline;
 }
 
 @media screen and (max-width: 767px) {
@@ -2479,4 +2477,17 @@ body .learn-more:hover {
 #footer .text p {
   margin: 0 !important;
 }
+
+#footer .text img {
+  width: 30px;
+  margin: 10px;
+  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(138deg) brightness(103%) contrast(102%);
+          filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(138deg) brightness(103%) contrast(102%);
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+#footer .text img:hover {
+  opacity: 0.6;
+}
 /*# sourceMappingURL=style.css.map */

style.scss

@@ -2185,7 +2185,7 @@ width: 100vw;
     line-height: 2;
     background: #313131;
     color: #fff;
-    padding-bottom: 3vw !important;
+ 
     .footer-link {
         padding-top: 3vw;
 
@@ -2225,7 +2225,7 @@ width: 100vw;
             font-size: 20px;
             margin: 10px;
             letter-spacing: 1px;
-            display: inline;
+           
             @media screen and(max-width:$moblie) {
                 display: block;
                 font-size: 16px;
@@ -2233,7 +2233,17 @@ width: 100vw;
             }
         }
         p {
+            
             margin: 0 !important;
         }
+        img {
+            width: 30px;
+            margin:10px;
+            filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(138deg) brightness(103%) contrast(102%);
+            transition: 0.3s;
+            &:hover {
+              opacity: 0.6;
+            }
+        }
     }
 }