頁面修正

goto.js

@@ -58,10 +58,10 @@ $('#sec05-destop-slider').slick({
 
 $(function () {
   $('#sec06-container').slick({
-    arrows: false,
     slidesToShow: 4,
     slidesToScroll: 3,
     infinite: true,
+    arrows: true,
     
     responsive: [
       {

index.html

@@ -195,8 +195,8 @@
         <div id="sec02-container" class="container-fluid">
             <div id="sec02-top-box" class="row">
                 <div class="col-lg-3">
-                    <h1>TOP SELLERS</h1>
-                    <h1>THIS WEEK</h1>
+                    <h1>TOP NFT</h1>
+                    
                 </div>
                 <div id="sec02-content" class="col-lg-9">
                     <div class="row">
@@ -236,8 +236,7 @@
         <div id="sec02-container" class="container-fluid">
             <div class="sec02-top1-box">
                 <div>
-                    <h1>TOP SELLERS</h1>
-                    <h1>THIS WEEK</h1>
+                    <h1>TOP NFT</h1>
                 </div>
 
             </div>
@@ -338,7 +337,7 @@
                             <tr>
                                 <th scope="row">3</th>
                                 <td>
-                                    <img src="./img/sec03/top4webp.webp" alt="">
+                                    <a target="_blank" href="https://opensea.io/assets/0x495f947276749ce646f68ac8c248420045cb7b5e/17695285328414013321162775223300201078905627004348366341411776174679266426881"><img src="./img/sec03/top4webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
                                             <a target="https://opensea.io/SasGlas" href="https://opensea.io/SasGlas">
@@ -384,7 +383,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 href="">
@@ -592,7 +591,7 @@
                             <tr>
                                 <th scope="row">3</th>
                                 <td>
-                                    <img src="./img/sec03/top4webp.webp" alt="">
+                                    <a target="_blank" href="https://opensea.io/assets/0x495f947276749ce646f68ac8c248420045cb7b5e/17695285328414013321162775223300201078905627004348366341411776174679266426881"><img src="./img/sec03/top4webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
                                             <a target="https://opensea.io/SasGlas" href="https://opensea.io/SasGlas">
@@ -613,7 +612,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"></a><img src="./img/sec03/top5webp.webp" alt="">
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
                                             <a target="https://opensea.io/nifty-gateway-omnibus"
@@ -671,8 +670,8 @@
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
                                             <a target="https://twitter.com/beeple"
-                                                href="https://twitter.com/beeple"></a>
-                                            <h1>beeple</h1>
+                                                href="https://twitter.com/beeple"><h1>beeple</h1></a>
+                                            
                                         </div>
                                         <div>
 
@@ -3661,7 +3660,7 @@
         </div>
     </section>
 
-
+<!-- 合作夥伴 -->
     <section id="sec08">
         <div id="sec08-container-box">
             <div id="sec08-title">
@@ -3673,18 +3672,19 @@
 
                     <div id="sec08-slider" class="row">
                         <div class="col-4"><a href=""><img src="./img/sec08/sec06-01.jpg" alt=""></a></div>
-                        <div class="col-4"><img src="./img/sec08/sec06-02.png" alt=""></div>
-                        <div class="col-4"><img src="./img/sec08/sec06-04.png" alt=""></div>
-                        <div class="col-4 adv4"><img src="./img/sec08/sec06-05.png" alt=""></div>
-                        <div class="col-4"><img src="./img/sec08/sec06-8.jpg" alt=""></div>
-                        <div class="col-4"><a href="https://opentalk.center/"><img src="./img/sec08/logo01_jpg.jpg"
-                                    alt=""></a></div>
+                        <div class="col-4"><a href=""><img src="./img/sec08/sec06-02.png" alt=""></a></div>
+                        <div class="col-4"><a href=""><img src="./img/sec08/sec06-04.png" alt=""></a></div>
+                        <div class="col-4 adv4"><a href=""><img src="./img/sec08/sec06-05.png" alt=""></a></div>
+                        <div class="col-4"><a href=""><img src="./img/sec08/sec06-8.jpg" alt=""></a></div>
+                        <div class="col-4"><a href="https://opentalk.center/"><img src="./img/sec08/logo01_jpg.jpg" alt=""></a></div>     
+                        <div class="col-4"> <a href="https://www.oursong.com/party/vbloqxgl?redeem_code=XJBONRDL"></a><img src="./img/sec08/oursong.jpg" alt=""></div>
+                      
                     </div>
                 </div>
             </div>
         </div>
     </section>
-
+<!-- 交易平台 -->
     <section id="sec09">
         <div id="sec09-container-box">
             <div id="sec09-title">

style.css

@@ -618,7 +618,7 @@ body .learn-more:hover {
 
 #sec02 {
   background: #414141;
-  padding-top: 3vw;
+  padding: 3vw;
 }
 
 @media screen and (max-width: 767px) {
@@ -660,6 +660,10 @@ body .learn-more:hover {
           box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
 }
 
+#sec02 #sec02-container #sec02-top-box .sec02-box1 .sec02-top-text h1 {
+  font-size: 50px;
+}
+
 #sec02 #sec02-container #sec02-top-box .sec02-box1 .sec02-top-text span {
   font-size: 30px;
 }
@@ -685,6 +689,11 @@ body .learn-more:hover {
   width: 100vw;
 }
 
+#sec02-moblie #sec02-container .sec02-top1-box h1 {
+  font-size: 40px;
+  padding: 3vw 0;
+}
+
 #sec02-moblie #sec02-container .sec02-top1-box img {
   width: 80px;
 }
@@ -1700,6 +1709,40 @@ body .learn-more:hover {
   width: 80vw;
 }
 
+#sec06 #sec06-container .slick-prev:before,
+#sec06 #sec06-container .slick-next:before {
+  opacity: 0;
+}
+
+#sec06 #sec06-container .slick-prev,
+#sec06 #sec06-container .slick-next {
+  width: 40px;
+  height: 40px;
+  content: none;
+}
+
+#sec06 #sec06-container .slick-prev {
+  background-image: url(./img/sec06/sec06-arrow-2.png);
+  background-repeat: no-repeat;
+  left: -40px;
+}
+
+#sec06 #sec06-container .slick-prev:hover, #sec06 #sec06-container .slick-prev:focus {
+  background-image: url(./img/sec06/sec06-arrow-2.png);
+  background-repeat: no-repeat;
+}
+
+#sec06 #sec06-container .slick-next {
+  background-image: url(./img/sec06/sec06-arrow.png);
+  background-repeat: no-repeat;
+  right: -50px;
+}
+
+#sec06 #sec06-container .slick-next:hover, #sec06 #sec06-container .slick-next:focus {
+  background-image: url(./img/sec06/sec06-arrow.png);
+  background-repeat: no-repeat;
+}
+
 #sec06 #sec06-container .card {
   margin: 10px;
   height: 480px;

style.scss

@@ -484,7 +484,7 @@ body {
 // sec02 TOP排名 電腦版
 #sec02 {
     background: #414141;
-    padding-top: 3vw;
+    padding:3vw;
     @media screen and(max-width:$moblie) {
         display: none;
     }
@@ -515,6 +515,10 @@ body {
                     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
                 }
                 .sec02-top-text {
+                    h1{
+                        font-size: 50px;
+                        
+                    }
                     span {
                         font-size: 30px;
                     }
@@ -540,6 +544,10 @@ body {
        
         width: 100vw;
         .sec02-top1-box {
+            h1{
+                font-size: 40px;
+                padding:3vw 0;
+            }
             img {
                 width: 80px;
             }
@@ -554,7 +562,7 @@ body {
         #sec02-top-box {
             width: 95vw;
             margin: 5px;
-           
+          
             .sec02-box1 {
                 color: #000;
 
@@ -1632,6 +1640,37 @@ body {
 
     #sec06-container {
         width: 80vw;
+        .slick-prev:before,
+        .slick-next:before {
+            opacity: 0;
+        }
+
+        .slick-prev,
+        .slick-next {
+            width: 40px;
+            height: 40px;
+            content: none;
+        }
+        .slick-prev {
+            background-image: url(./img/sec06/sec06-arrow-2.png);
+            background-repeat: no-repeat;
+            left: -40px;
+            &:hover,
+            &:focus {
+                background-image: url(./img/sec06/sec06-arrow-2.png);
+                background-repeat: no-repeat;
+            }
+        }
+        .slick-next {
+            background-image: url(./img/sec06/sec06-arrow.png);
+            background-repeat: no-repeat;
+            right: -50px;
+            &:hover,
+            &:focus {
+                background-image: url(./img/sec06/sec06-arrow.png);
+                background-repeat: no-repeat;
+            }
+        }
         .card {
             margin: 10px;
             height: 480px;