Browse Source

內容更新

jeter20131220 3 years ago
parent
commit
3ecf73276c
9 changed files with 348 additions and 265 deletions
  1. 46 0
      NFT-information.json
  2. 6 7
      NFTContent.json
  3. 20 8
      goto.js
  4. BIN
      img/adv/adv3.webp
  5. BIN
      img/sec01/sec01-img12.jpg
  6. 117 109
      index.html
  7. 83 73
      style.css
  8. 0 0
      style.css.map
  9. 76 68
      style.scss

+ 46 - 0
NFT-information.json

@@ -0,0 +1,46 @@
+[
+    
+    {    
+        "newsimg": "img/sec01/sec01-img12.jpg",
+        "newstitle": "NFT趨勢 │ 數位時代Business Next(EP25. 你好,我要買麟洋配和戴資穎的NFT)T",
+        "newstext2": "現在正在發生:用比特幣或以太幣買實體商品或服務(例如用比特幣買tesla汽車)、用實體貨幣買虛擬商品(如遊戲寶物或NFT),都已是進行式,接下來用虛擬貨幣買虛擬商品也會成為常態,讓具備實體世界功能的虛擬世界成為現實。",
+        "website": "https://www.facebook.com/nftboard/posts/130882292570139"
+    }, 
+    {    
+        "newsimg": "img/sec10/sec10-02.jpg",
+        "newstitle": "akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】",
+        "newstext2": "NFTBoard本月Art From Home 方舟加密藝術跨界直播活動,將隆重的為大家介紹亞洲第一個以綠能區塊鏈 Tezos 為基礎的多功能藝術品NFT交易平台:akaSwap",
+        "website": "akaswap- introduction.html"
+    }, 
+   
+    {
+      
+        "newsimg": "img/sec01/safe_image.jpg",
+        "newstext1": "中國遊戲音樂龍頭騰訊計劃發行 NFT",
+        "newstext2": "據新浪財經報道,騰訊音樂即將開設加密貨幣與 NFT 新業務「TME 數字藏品」,專門發行音樂 NFT。NFT 發行及交易服務,已經在 QQ 音樂應用程式進行內部測試。 ",
+        "website": "https://www.facebook.com/nftboard/posts/127334132924955"
+    },
+    {
+      
+        "newsimg": "img/sec01/sec01-9.png",
+        "newstext1": "NFT | news靠遊戲邊玩邊賺錢的時代來臨了,你跟上了嗎?.",
+        "newstext2": "隨著 NFT遊戲神秘盒陸續被秒殺,加上菲律賓玩家John Aaron Ramos買了2間房🏠的新聞火熱,加密貨幣熊市期間,NFT遊戲呈現暴風式的成長, ",
+        "website": "https://www.facebook.com/nftboard/posts/127122656279436"
+    },
+    {
+      
+        "newsimg": "img/sec01/sec01-10.jpg",
+        "newstext1": "幣安BINANCE於7月28日推出「每個孩子都值得擁有光明的未來」-- NFT 做公益活動(NFT for Good)。",
+        "newstext2": "BINANCE NFT for Good 與這三位頂尖的藝術家合作為項目募款,為孩子們提供生活改善援助, ",
+        "website": "https://www.facebook.com/nftboard/posts/126805716311130"
+    },
+    {
+      
+        "newsimg": "img/sec01/sec01-8.jpg",
+        "newstext1": " 俄羅斯的冬宮將藝術品作為 NFT 出售",
+        "newstext2": "該博物館將在幣安 NFT 上出售達芬奇、喬爾喬內、康定斯基、梵谷和莫內作品的NFT。Piotrovsky 在一份聲明中說「NFT 使奢侈品變得更容易獲得,同時又是獨一無二的」,Hermitage 將繼續探索,並在這些新技術的基礎上,進行新的實驗。 ",
+        "website": "https://www.facebook.com/nftboard/posts/126429853015383"
+    }
+    
+ 
+]

+ 6 - 7
NFTContent.json

@@ -1,17 +1,16 @@
 [
+    {    
+        "newsimg": "img/sec01/sec01-img12.jpg",
+        "newstext1": "NFT趨勢 │ 數位時代Business Next(EP25. 你好,我要買麟洋配和戴資穎的NFT)T",
+        "newstext2": "現在正在發生:用比特幣或以太幣買實體商品或服務(例如用比特幣買tesla汽車)、用實體貨幣買虛擬商品(如遊戲寶物或NFT),都已是進行式,接下來用虛擬貨幣買虛擬商品也會成為常態,讓具備實體世界功能的虛擬世界成為現實。",
+        "website": "https://www.facebook.com/nftboard/posts/130882292570139"
+    },
     {
       
         "newsimg": "img/sec10/sec10-02.jpg",
         "newstext1": "akaSwap 綠能潔淨NFT平台推出高顏質系列藝術作品【若水BE WATER】",
         "newstext2": "NFTBoard本月Art From Home 方舟加密藝術跨界直播活動,將隆重的為大家介紹亞洲第一個以綠能區塊鏈 Tezos 為基礎的多功能藝術品NFT交易平台:akaSwap",
         "website": "akaswap- introduction.html"
-    },
-    {
-      
-        "newsimg": "img/sec10/sec10-01.webp",
-        "newstext1": "NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶",
-        "newstext2": "NFTBoard 與akaswap 即將於2021/8/7(六) 晚上舉辦一場精緻的「NFT 方舟加密藝術X akaSwap跨界直播」活動",
-        "website": "nftboard-akaswap.html"
     }, 
    
     {

+ 20 - 8
goto.js

@@ -376,14 +376,14 @@ $(function () {
   }
 });
 
-$(".card-text").each(function(){
-  var len=$(this).text().length;   //當前HTML物件text的長度
-  if(len>80){
-      var str="";
-      str=$(this).text().substring(0,80)+"......";  //使用字串擷取,獲取前30個字元,多餘的字元使用“......”代替
-      $(this).html(str);                   //將替換的值賦值給當前物件
-  }
-});
+// $(".card-text").each(function(){
+//   var len=$(this).text().length;   //當前HTML物件text的長度
+//   if(len>80){
+//       var str="";
+//       str=$(this).text().substring(0,80)+"......";  //使用字串擷取,獲取前30個字元,多餘的字元使用“......”代替
+//       $(this).html(str);                   //將替換的值賦值給當前物件
+//   }
+// });
 
 // ip代理服務表單
 
@@ -446,3 +446,15 @@ $(".ip-service").submit(function (e) {
     });
   return false;
 });
+
+// 字數限制
+$(function () {
+  $(".sec04-m-title").each(function () {
+      var len = $(this).text().length;   //當前HTML物件text的長度
+      if (len > 40) {
+          var str = "";
+          str = $(this).text().substring(0, 40) + "......";  //使用字串擷取,獲取前30個字元,多餘的字元使用“......”代替
+          $(this).html(str);                   //將替換的值賦值給當前物件
+      }
+  });
+});

BIN
img/adv/adv3.webp


BIN
img/sec01/sec01-img12.jpg


+ 117 - 109
index.html

@@ -419,7 +419,7 @@
     <!-- 作品集活動區塊 -->
     <section id="sec-works" class="container-fluid pb-5">
         <div class="sec-work-title">
-            <h1>NFTBoard Portfolio</h1>
+            <h1 class="secn-title">NFTBoard Portfolio</h1>
         </div>
         <div id="sec-work-container" class="container-fluid px-0 mx-0">
             <div id="sec-work-box" class="row"></div>
@@ -535,13 +535,13 @@
                                 <th scope="row">1</th>
                                 <td>
 
-                                    <a target="https://www.instagram.com/p/CO0otBGjnFm/"
+                                    <a target="_blank"
                                         href="https://www.instagram.com/p/CO0otBGjnFm/"><img
                                             src="./img/sec03/sec03top1.gif" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
-                                            <a target="https://www.instagram.com/iammaskarade/"
+                                            <a target="_blank"
                                                 href="https://www.instagram.com/iammaskarade/">
 
                                                 <h1>iammaskarade</h1>
@@ -549,7 +549,7 @@
                                             </a>
                                         </div>
                                         <div>
-                                            <a target="https://www.instagram.com/p/CO0otBGjnFm/"
+                                            <a target="_blank"
                                                 href="https://www.instagram.com/p/CO0otBGjnFm/">
                                                 <p>Backdated NFT/Ethereum Stamp</p>
 
@@ -565,7 +565,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 ;">
@@ -575,7 +575,7 @@
                                             </a>
                                         </div>
                                         <div>
-                                            <a target="https://opensea.io/assets/0xd92e44ac213b9ebda0178e1523cc0ce177b7fa96/100010115"
+                                            <a target="_blank"
                                                 href="https://opensea.io/assets/0xd92e44ac213b9ebda0178e1523cc0ce177b7fa96/100010115">
                                                 <p>The Eternal Cloudsitter</p>
                                                 <p>BULL RUN #115/271</p>
@@ -593,12 +593,12 @@
                                             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">
+                                            <a target="_blank" href="https://opensea.io/SasGlas">
                                                 <h1>SasGlas</h1>
                                             </a>
                                         </div>
                                         <div>
-                                            <a target="https://opensea.io/assets/0x495f947276749ce646f68ac8c248420045cb7b5e/17695285328414013321162775223300201078905627004348366341411776174679266426881"
+                                            <a target="_blank"
                                                 href="https://opensea.io/assets/0x495f947276749ce646f68ac8c248420045cb7b5e/17695285328414013321162775223300201078905627004348366341411776174679266426881">
                                                 <p>The Eternal Cloudsitter</p>
                                             </a>
@@ -617,14 +617,14 @@
                                             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"
+                                            <a target="_blank"
                                                 href="https://opensea.io/nifty-gateway-omnibus">
                                                 <h1>nifty-gateway-omnibus</h1>
                                             </a>
 
                                         </div>
                                         <div>
-                                            <a target="https://opensea.io/assets/0xce5e90533d9dbc30eac8a3610a681fc7aaa23193/43100040225"
+                                            <a target="_blank"
                                                 href="https://opensea.io/assets/0xce5e90533d9dbc30eac8a3610a681fc7aaa23193/43100040225">
                                                 <p>Seven Nation Army Remix</p>
                                                 <p> 004 #225/333(MUSIC)</p>
@@ -640,7 +640,7 @@
                                 <td>
                                     <a target="_blank"
                                         href="https://www.oursong.com/project/dprnydqw/song-share-card"><img
-                                            src="./img/sec03/top3webp.webp" alt=""></a>
+                                            src="./img/work/work2webp.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">
@@ -670,13 +670,13 @@
                             <tr>
                                 <th scope="row">1</th>
                                 <td>
-                                    <a target="https://twitter.com/beeple" href="https://twitter.com/beeple"><img
+                                    <a target="_blank" href="https://twitter.com/beeple"><img
                                             src="./img/sec03/sec04-top-11.jpg" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
 
                                             <h1 style="opacity: 0;">beeple</h1>
-                                            <a target="https://twitter.com/beeple" href="https://twitter.com/beeple">
+                                            <a target="_blank" href="https://twitter.com/beeple">
                                                 <h1>beeple</h1>
                                             </a>
                                             <h1 style="opacity: 0;">beeple</h1>
@@ -691,12 +691,12 @@
                             <tr>
                                 <th scope="row">2</th>
                                 <td>
-                                    <a target="https://twitter.com/A_Giant_Swan/photo"
+                                    <a target="_blank"
                                         href="https://twitter.com/A_Giant_Swan/photo"> <img
                                             src="./img/sec03/sec04-top-12webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
-                                            <a target="https://twitter.com/A_Giant_Swan/photo"
+                                            <a target="_blank"
                                                 href="https://twitter.com/A_Giant_Swan/photo">
 
                                                 <h1 style="opacity: 0;">beeple</h1>
@@ -719,7 +719,7 @@
                                             src="./img/sec03/sec04-top-13webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
-                                            <a target="https://www.thehashmasks.com/"
+                                            <a target="_blank"
                                                 href="https://www.thehashmasks.com/">
                                                 <h1 style="opacity: 0;">beeple</h1>
                                                 <h1>HASHMASKS</h1>
@@ -740,7 +740,7 @@
                                             src="./img/sec03/sec04-top-14webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
-                                            <a target="https://twitter.com/fewocious"
+                                            <a target="_blank"
                                                 href="https://twitter.com/fewocious">
 
                                                 <h1 style="opacity: 0;">beeple</h1>
@@ -758,12 +758,12 @@
                             <tr>
                                 <th scope="row">5</th>
                                 <td>
-                                    <a target="https://twitter.com/pplpleasr1?lang=fr"
+                                    <a target="_blank"
                                         href="https://twitter.com/pplpleasr1?lang=fr"> <img
                                             src="./img/sec03/11webp.webp" alt=""></a>
                                     <div class="sec03-table-text" style="display: inline-block ;">
                                         <div>
-                                            <a target="https://twitter.com/pplpleasr1?lang=fr"
+                                            <a target="_blank"
                                                 href="https://twitter.com/pplpleasr1?lang=fr">
                                                 <h1 style="opacity: 0;">beeple</h1>
                                                 <h1>pplpleasr</h1>
@@ -1050,10 +1050,23 @@
     <section id="sec04">
         <div class="container-fluid">
             <div class="sec04-title">
-                <h1>洞察報告</h1>
+                <h1 class="secn-title">洞察報告</h1>
                 <hr class="line">
             </div>
             <div id="sec04-container" class="row row-cols-1 row-cols-md-3 g-4">
+                <!-- <div class="col">
+                    <div class="card h-100 d-inline-block">
+                        <img src="./img/sec04/safe_image.jpg" class="card-img-top" alt="...">
+                        <div style="height: 280px;" class="card-body mb-2">
+                            <h5 class="card-title">種子風險基金 Founder Collective 與 Andreessen Horowitz 的 共同創辦人 Chris Dixon 認為NFT能為全球的創作群體帶來無限的蓬勃發展</h5>
+                            <p class="card-text">NFT 價值共識的形成,NFT產業價值鏈中基礎設施層和協議層的完備,NFT 加密市場景氣外溢,還有應用場景更為廣泛及創作群體蓬勃發展等4 個方面強支撐下,NFT 市場於2021 年進入到一個快速發展的新階段。
+                            </p>
+                        </div>
+                        <a class="px-3 py-5 my-5" target="_blank"
+                            href="https://www.facebook.com/nftboard/posts/121145806877121"><button
+                                class="learn-more">LearnMore</button></a>
+                    </div>
+                </div> -->
                 <div class="col">
                     <div class="card h-100 d-inline-block">
                         <img src="./img/sec04/safe_image.jpg" class="card-img-top" alt="...">
@@ -1118,15 +1131,15 @@
     <section id="sec04-moblie">
         <!-- <img id="sec04-slider-next" style="position: absolute;" class="arrow-table" src="./img/arrow-table.png" alt=""> -->
         <div id="sec04-moblie-title" class="container-fluid">
-            <h1>洞察報告</h1>
+            <h1 class="secn-title">洞察報告</h1>
             <hr class="line">
             <div id="sec04-moblie-container" class="row row-cols-1 row-cols-md-4 g-4">
                 <div class="col">
-                    <div class="card">
+                    <div class="card h-100">
                         <img src="./img/sec04/safe_image.jpg" class="card-img-top" alt="...">
                         <div class="card-body">
-                            <h5 class="card-title">區塊鏈可以幫助出版商提高受眾信任度,46% 的受訪者表示他們願意為準確的新聞付費</h5>
-                            <p class="card-text">"區塊鏈如何增加信任?艾米·惠特克在《華爾街日報》上寫道。“什麼可以防止篡改歷史記錄——是否有可能為子孫後代保護這些信息?” Haber 和
+                            <h5 class="sec04-m-title card-title">區塊鏈可以幫助出版商提高受眾信任度,46% 的受訪者表示他們願意為準確的新聞付費</h5>
+                            <p class="sec04-m-text card-text">"區塊鏈如何增加信任?艾米·惠特克在《華爾街日報》上寫道。“什麼可以防止篡改歷史記錄——是否有可能為子孫後代保護這些信息?” Haber 和
                                 Stornetta 的解決方案:........。
                             </p>
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121"><button
@@ -1136,11 +1149,11 @@
                     </div>
                 </div>
                 <div class="col">
-                    <div class="card">
+                    <div class="card h-100">
                         <img src="./img/sec04/5.png" class="card-img-top" alt="...">
                         <div class="card-body">
-                            <h5 class="card-title">NFT 熱潮”對生態系統有何影響?被炒作吸引的人是留下來還是來得快?繁榮後看起來像繁榮前嗎?</h5>
-                            <p class="card-text">之前:2020年9月至12月
+                            <h5 class="sec04-m-title card-title">NFT 熱潮”對生態系統有何影響?被炒作吸引的人是留下來還是來得快?繁榮後看起來像繁榮前嗎?</h5>
+                            <p class="sec04-m-text card-text">之前:2020年9月至12月
                                 繁榮前:2021 年 1 月至 2 月
                                 繁榮期:2021 年 3 月至 4 月
                                 繁榮後:從 5 月到 2021 年 6 月的第一周
@@ -1153,11 +1166,11 @@
                     </div>
                 </div>
                 <div class="col">
-                    <div class="card">
+                    <div class="card h-100">
                         <img src="./img/sec04/sec01-img-03.jpg" class="card-img-top" alt="...">
                         <div class="card-body">
-                            <h5 class="card-title">藝術家塑造了我們的集體文化,推動了幾代人的進步。</h5>
-                            <p class="card-text">借助 NFT、DeFi 和 VR,我們可以顛覆現有的剝削創作者的模式,而是推動一場革命,引領下一次復興。
+                            <h5 class="sec04-m-title card-title">藝術家塑造了我們的集體文化,推動了幾代人的進步。</h5>
+                            <p class="sec04-m-text card-text">借助 NFT、DeFi 和 VR,我們可以顛覆現有的剝削創作者的模式,而是推動一場革命,引領下一次復興。
                             </p>
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/120000610324974"><button
                                     class="learn-more">LearnMore</button></a>
@@ -1166,11 +1179,11 @@
                     </div>
                 </div>
                 <div class="col">
-                    <div class="card">
+                    <div class="card h-100">
                         <img src="./img/sec04/sec04-img-04.jpg" class="card-img-top" alt="...">
                         <div class="card-body">
-                            <h5 class="card-title">當NFT變成一種流行病~</h5>
-                            <p class="card-text">IMVU 營銷總監 Lindsay Anne Aamodt 的說法,這種流行病幫助加速了虛擬時尚的增長,並幫助推動 NFT 超越了藝術領域。
+                            <h5 class="sec04-m-title card-title">當NFT變成一種流行病~</h5>
+                            <p class="sec04-m-text card-text">IMVU 營銷總監 Lindsay Anne Aamodt 的說法,這種流行病幫助加速了虛擬時尚的增長,並幫助推動 NFT 超越了藝術領域。
                             </p>
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/120019486989753"><button
@@ -1204,7 +1217,7 @@
     <!-- 熱門作品 電腦版 -->
     <section id="sec05">
         <div class="container-fluid">
-            <h1>熱門作品</h1>
+            <h1 class="secn-title">熱門作品</h1>
 
             <!-- <div id="tag">
                 <a href=""><button>Art</button></a>
@@ -2413,17 +2426,17 @@
     <div id="sec-adv3-container" class="container-fluid pb-3">
         <div id="sec-adv3-card" class="row">
             <div class="col-12 py-3 col-lg-4">
-                <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"><img style="object-fit: cover;"
+                <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"><img style="object-fit: cover;  border-radius: 10px;"
                         class="img-fluid" src="./img/adv/adv3-1.webp" alt=""> </a>
                 <p class="text-center fs-4 fw-bolder py-3">Cavity</p>
             </div>
             <div class="col-12 py-3 col-lg-4">
-                <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"><img
+                <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"><img style="object-fit: cover;  border-radius: 10px;"
                         class="img-fluid" src="./img/adv/adv3-2.webp" alt=""></a>
                 <p class="text-center fs-4 fw-bolder py-3">Paparazzi Princess</p>
             </div>
             <div class="col-12 py-3 col-lg-4">
-                <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"><img class="img-fluid"
+                <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"><img style="object-fit: cover;  border-radius: 10px;" class="img-fluid"
                         src="./img/adv/adv3-3.webp" alt=""></a>
                 <p class="text-center fs-4 fw-bolder py-3">Smoking Hero</p>
             </div>
@@ -2432,16 +2445,16 @@
     </div>
     <!-- 熱門作品-手機板 -->
     <section id="sec05-moblie">
-        <div id="sec05-moblie-container" class="container-fluid" style="margin: 0; padding: 0"></div>
-        <h1>熱門作品</h1>
-        <!-- <div id="tag">
+        <div id="sec05-moblie-container" class="container-fluid">
+            <h1 class="secn-title">熱門作品</h1>
+            <!-- <div id="tag">
                 <a href=""><button>Art</button></a>
                 <a href=""><button>Collectible</button></a>
                 <a href=""><button>GameItems</button></a>
                 <a href=""><button>Domains</button></a>
                 <a href=""><button>Templates</button></a>
             </div> -->
-        <div id="sec05-moblie-slider" class="container-fluid " style="margin: 0; padding: 0;">
+            <div id="sec05-moblie-slider" class="container-fluid " style="margin: 0; padding: 0;">
 
             <div class="sec05-moblie-box">
                 <div class="card">
@@ -3645,6 +3658,7 @@
                 </div>
             </div>
         </div>
+    </div>
     </section>
     <section class="adv01 py-5 bg-light my-5">
         <div class="adv01-1 container-fluid text-center">
@@ -3656,147 +3670,142 @@
     <section id="sec06" class="">
         <div class="container-fluid">
             <div class="sec06-title">
-                <h1>NFT資訊</h1>
-                <hr>
+                <h1 class="secn-title">NFT資訊</h1>
+                <hr class="line">
             </div>
             <div class="container-fluid">
                 <div id="sec06-container" class="row">
                     <div class="col-lg-3 py-3">
-                        <div class="card">
-                            <img src="./img/sec06/sec06-9.jpg" class="card-img-top" alt="...">
+                        <div class="card">                            
+                            <a target="_blank"href="https://www.facebook.com/nftboard/posts/121040216887680"><img src="./img/sec06/sec06-9.jpg" class="card-img-top" alt="..."></a>
                             <div class="card-body">
-                                <h5 class="card-title">一起在虛擬土地上建設自己的新身分</h5>
+                                <a target="_blank"href="https://www.facebook.com/nftboard/posts/121040216887680"><h5 class="card-title">一起在虛擬土地上建設自己的新身分</h5></a>
                                 <p class="card-text">電腦遊戲早已變成了虛擬空間,您可以在其中構建自己的世界。在本文中,我們將討論 Decentraland
                                     虛擬土地上的建設、參與其中的公司以及構建這一切的團隊。</p>
-                                <div>
-
-                                    <a target="_blank"
-                                        href="https://www.facebook.com/nftboard/posts/121040216887680"><button
-                                            class="learn-more">LearnMore</button></a>
-                                </div>
                             </div>
                         </div>
 
                     </div>
                     <div class="col-lg-3 py-3">
                         <div class="card">
-                            <img src="./img/sec06/sec06-01.webp" class="card-img-top" alt="...">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
+                                <img src="./img/sec06/sec06-01.webp" class="card-img-top" alt="...">
+                            </a>                          
                             <div class="card-body">
-                                <h5 class="card-title">誰要買這個啦!推特執行長賣推文「加密熱潮」新標的,NFT是什麼?</h5>
+                                <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
+                                    <h5 class="card-title">誰要買這個啦!推特執行長賣推文「加密熱潮」新標的,NFT是什麼?</h5>
+                                </a>                
                                 <p class="card-text">如果果你還沒聽過NFT,應該也快聽說了。NFT正在攻佔網路,並被認為是區塊鏈技術 (blockchain technology)
                                     的最佳應用實例。</p>
-                                <div>
-
-                                    <a target="https://www.facebook.com/nftboard/posts/105110191814016"
-                                        href="https://www.facebook.com/nftboard/posts/105110191814016"><button
-                                            class="learn-more">LearnMore</button></a>
-                                </div>
                             </div>
                         </div>
 
                     </div>
                     <div class="col-lg-3 py-3">
                         <div class="card">
-                            <img src="./img/sec06/sec06-02.webp" class="card-img-top" alt="...">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115143380810697">
+                                <img src="./img/sec06/sec06-02.webp" class="card-img-top" alt="...">
+                            </a>
+                           
                             <div class="card-body">
-                                <h5 class="card-title">聊一聊NFT應用場景~門票/體育、活動門票系列</h5>
+                                <a target="_blank" href="https://www.facebook.com/nftboard/posts/115143380810697">
+                                    <h5 class="card-title">聊一聊NFT應用場景~門票/體育、活動門票系列</h5>
+                                </a>   
                                 <p class="card-text">目前,門票偽造和大量囤票是一個亟需解決的大問題。NFT
                                     在分佈式賬本上保存的記錄具有不可更改性,使得票據可以在區塊鏈上進行獨立驗證和認證,避免了作弊方法。</p>
-
-                                <div>
-                                    <a target="https://www.facebook.com/nftboard/posts/115143380810697"
-                                        href="https://www.facebook.com/nftboard/posts/115143380810697"><button
-                                            class="learn-more">LearnMore</button></a>
-                                </div>
-
                             </div>
                         </div>
                     </div>
                     <div class="col-lg-3 py-3">
                         <div class="card">
-                            <img src="./img/sec06/sec06-03.png" class="card-img-top" alt="...">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115144517477250">
+                                <img src="./img/sec06/sec06-03.png" class="card-img-top" alt="...">
+                            </a>
+                           
                             <div class="card-body">
-                                <h5 class="card-title">聊一聊NFT應用場景~紀錄/身分驗證、實體資產和文件記錄</h5>
+                                <a target="_blank" href="https://www.facebook.com/nftboard/posts/115144517477250">
+                                    <h5 class="card-title">聊一聊NFT應用場景~紀錄/身分驗證、實體資產和文件記錄</h5>
+                                </a>
+                              
                                 <p class="card-text">NFT
                                     可以將現實世界中的資產,如房產、股票或文件,如資質、執照、病歷、出生和死亡證明等,進行代幣化。NFT也可以應用於身份認證。提供完整記錄。</p>
-
-                                <a target="https://www.facebook.com/nftboard/posts/115144517477250"
-                                    href="https://www.facebook.com/nftboard/posts/115144517477250"><button
-                                        class="learn-more">LearnMore</button></a>
-
                             </div>
                         </div>
                     </div>
                     <div class="col-lg-3 py-3">
                         <div class="card">
-                            <img src="./img/sec06/sec06-04.webp" class="card-img-top" alt="...">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115141257477576">
+                                <img src="./img/sec06/sec06-04.webp" class="card-img-top" alt="...">
+                            </a>
+                           
                             <div class="card-body">
-                                <h5 class="card-title">聊一聊NFT應用場景~遊戲/藝術</h5>
+                                <a target="_blank" href="https://www.facebook.com/nftboard/posts/115141257477576">
+                                    <h5 class="card-title">聊一聊NFT應用場景~遊戲/藝術</h5>
+                                </a>
+                              
                                 <p class="card-text">NFT 主要應用場景之一就是遊戲。基於區塊鏈技術的NFT
                                     能夠記錄玩家在遊戲內的狀態和成就,保存遊戲中獲得的物品清單,如武器、電源、車輛、角色等。</p>
 
-                                <a target="https://www.facebook.com/nftboard/posts/115141257477576"
-                                    href="https://www.facebook.com/nftboard/posts/115141257477576"><button
-                                        class="learn-more">LearnMore</button></a>
                             </div>
                         </div>
                     </div>
                     <div class="col-lg-3 py-3">
                         <div class="card">
-                            <img src="./img/sec06/sec06-05.png" class="card-img-top" alt="...">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115141780810857">
+                                <img src="./img/sec06/sec06-05.png" class="card-img-top" alt="...">
+                            </a>                         
                             <div class="card-body">
-                                <h5 class="card-title">聊一聊NFT應用場景~音樂/虛擬世界</h5>
+                                <a target="_blank" href="https://www.facebook.com/nftboard/posts/115141780810857">
+                                    <h5 class="card-title">聊一聊NFT應用場景~音樂/虛擬世界</h5>
+                                </a>                              
                                 <p class="card-text">NFT 市場有望為音樂迷們打開虛擬收藏品的世界。在K-pop 領域,許多歌迷已經接受了NFT
                                     收藏品這種形式——獨立發行的專輯備受追捧。NFT
                                     另一個用例是創建虛擬世界。</p>
-
-                                <a target="https://www.facebook.com/nftboard/posts/115141780810857"
-                                    href="https://www.facebook.com/nftboard/posts/115141780810857"><button
-                                        class="learn-more">LearnMore</button></a>
                             </div>
                         </div>
                     </div>
                     <div class="col-lg-3 py-3">
                         <div class="card">
-                            <img src="./img/sec06/sec06-06.png" class="card-img-top" alt="...">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115142517477450">
+                                <img src="./img/sec06/sec06-06.png" class="card-img-top" alt="...">
+                            </a>                          
                             <div class="card-body">
-                                <h5 class="card-title">聊一聊NFT應用場景~域名/技能</h5>
+                                <a target="_blank" href="https://www.facebook.com/nftboard/posts/115142517477450">
+                                    <h5 class="card-title">聊一聊NFT應用場景~域名/技能</h5>
+                                </a>                         
                                 <p class="card-text">NFT 正是線上與線下對象銜接過程中真正缺失的環節,未來NFT
-                                    不僅會改變藝術,還將改變商業、金融、社會和文化。對於藝術和知識產權來說,免經審查的NFT 是一種寶貴財富和發展平台。</p>
-
-                                <a target="https://www.facebook.com/nftboard/posts/115142517477450"
-                                    href="https://www.facebook.com/nftboard/posts/115142517477450"><button
-                                        class="learn-more">LearnMore</button></a>
+                                    不僅會改變藝術,還將改變商業、金融、社會和文化。對於藝術和知識產權來說,免經審查的NFT 是一種寶貴財富和發展平台。</p>                           
                             </div>
                         </div>
                     </div>
 
                     <div class="col-lg-3 py-3">
                         <div class="card">
-                            <img src="./img/sec06/sec06-07.png" class="card-img-top" alt="...">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115135607478141">
+                                <img src="./img/sec06/sec06-07.png" class="card-img-top" alt="...">
+                            </a>
+                          
                             <div class="card-body">
-                                <h5 class="card-title">當下火熱的NFT有沒投資價值?一般人如何通過參與NFT獲得收益?</h5>
+                                <a target="_blank" href="https://www.facebook.com/nftboard/posts/115135607478141">
+                                    <h5 class="card-title">當下火熱的NFT有沒投資價值?一般人如何通過參與NFT獲得收益?</h5>
+                                </a>                     
                                 <p class="card-text">
                                     NFT就是去中心化金融Defi世界當中的【藝術品投資收藏市場】,但不同於傳統的藝術品投資,經過互聯網加持下的文化產品已經不再僅僅局限於收藏實體的藝術品。</p>
-
-                                <a target="https://www.facebook.com/nftboard/posts/115135607478141"
-                                    href="https://www.facebook.com/nftboard/posts/115135607478141"><button
-                                        class="learn-more">LearnMore</button></a>
                             </div>
                         </div>
                     </div>
 
                     <div class="col-lg-3 py-3">
                         <div class="card">
-                            <img src="./img/sec06/sec06-08.jpg" class="card-img-top" alt="...">
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115144110810624">
+                                <img src="./img/sec06/sec06-08.jpg" class="card-img-top" alt="...">
+                            </a>                         
                             <div class="card-body">
-                                <h5 class="card-title">聊一聊NFT應用場景時尚/娛樂</h5>
+                                <a target="_blank" href="https://www.facebook.com/nftboard/posts/115144110810624">
+                                    <h5 class="card-title">聊一聊NFT應用場景時尚/娛樂</h5>
+                                </a>                              
                                 <p class="card-text">與時尚行業相關的NFT 也可以在以太坊區塊鍊網絡上投入使用,推出項目。現在,越來越多的NFT
                                     項目與全球的時尚設計師進行合作,為他們提供知識產權保護。</p>
-
-                                <a target="https://www.facebook.com/nftboard/posts/115144110810624"
-                                    href="https://www.facebook.com/nftboard/posts/115144110810624"><button
-                                        class="learn-more">LearnMore</button></a>
                             </div>
                         </div>
                     </div>
@@ -3894,7 +3903,7 @@
                 <div id="sec08-title">
                     <div class="row">
                         <div class="col-6 col-lg-3">
-                            <h1>合作夥伴</h1>
+                            <h1 class="secn-title">合作夥伴</h1>
                         </div>
                         <div class="col-6 col-lg-9">
                             <div id="OUR-PARTNER">
@@ -3946,11 +3955,10 @@
                 <div id="sec09-title">
                     <div class="row">
                         <div class="col-6 col-lg-3">
-                            <h1>交易平台</h1>
+                            <h1 class="secn-title">交易平台</h1>
                         </div>
                         <div class="col-6 col-lg-9">
                             <div id="TRADING">
-
                                 <h5>TRADING</h5>
                                 <h5>PLATFORM</h5>
                             </div>

+ 83 - 73
style.css

@@ -1,4 +1,5 @@
 @charset "UTF-8";
+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600;700;900&display=swap");
 * {
   margin: 0;
   padding: 0;
@@ -20,6 +21,40 @@
 body {
   width: 100vw;
   background: #fff;
+  font-family: "Noto Serif TC", serif;
+}
+
+body .secn-title {
+  font-family: "Noto Serif TC", serif;
+  text-align: left;
+  color: #292421;
+  font-size: 30px;
+  font-weight: 700;
+  padding: 5px 10px;
+  padding-bottom: 1vw;
+  margin-bottom: 0px;
+}
+
+@media screen and (max-width: 767px) {
+  body .secn-title {
+    font-weight: 900;
+    font-size: 32px;
+  }
+}
+
+body .line {
+  width: 8vw;
+  height: 3px;
+  color: #fff;
+  margin-left: 12px;
+  opacity: 1 !important;
+  margin-top: 10px;
+}
+
+@media screen and (max-width: 767px) {
+  body .line {
+    width: 30vw;
+  }
 }
 
 body .learn-more {
@@ -34,6 +69,7 @@ body .learn-more {
   vertical-align: top;
   -webkit-transition: 0.3s;
   transition: 0.3s;
+  border-radius: 5px;
 }
 
 body .learn-more:hover {
@@ -854,7 +890,6 @@ body .learn-more:hover {
 
 #video {
   width: 100vw;
-  padding-bottom: 10vw;
   text-align: center;
   background-position: center center;
   background-size: cover;
@@ -906,6 +941,10 @@ body .learn-more:hover {
      object-fit: cover;
 }
 
+#sec-works {
+  padding-top: 10vw;
+}
+
 @media screen and (max-width: 767px) {
   #sec-works {
     margin: 10px;
@@ -932,6 +971,7 @@ body .learn-more:hover {
   display: inline-block !important;
   -webkit-transition: 0.3s;
   transition: 0.3s;
+  border-radius: 10px;
 }
 
 #sec-works #sec-work-box .work-box .card:hover {
@@ -942,13 +982,14 @@ body .learn-more:hover {
 #sec-works .sec-work-title {
   margin-top: -120px;
   margin-bottom: 50px;
-  color: #fff;
+  color: #000;
 }
 
-#sec-works .sec-work-title h1 {
-  font-size: 60px;
-  font-weight: 900;
-  padding: 15px;
+@media screen and (max-width: 767px) {
+  #sec-works .sec-work-title {
+    margin-top: 0px;
+    margin-bottom: 30px;
+  }
 }
 
 #sec02 {
@@ -986,6 +1027,7 @@ body .learn-more:hover {
 }
 
 #sec02 #sec02-container #sec02-top-box .sec02-box1 img {
+  border-radius: 5px;
   display: inline;
   width: 150px;
   height: 200px;
@@ -1063,6 +1105,7 @@ body .learn-more:hover {
 }
 
 #sec02-moblie #sec02-container #sec02-top-box .sec02-box1 img {
+  border-radius: 5px;
   width: 80px;
   height: 120px;
 }
@@ -1123,6 +1166,7 @@ body .learn-more:hover {
 }
 
 #sec03 #sec03-table .table img {
+  border-radius: 5px;
   width: 50px;
 }
 
@@ -1239,6 +1283,7 @@ body .learn-more:hover {
 }
 
 #sec03-moblie #sec03-slider .table img {
+  border-radius: 10px;
   width: 50px;
 }
 
@@ -1292,20 +1337,10 @@ body .learn-more:hover {
 
 #sec04 .sec04-title h1 {
   color: #fff;
-  font-size: 45px;
-  font-weight: 900;
-  padding: 10px 10px;
-}
-
-@media screen and (max-width: 767px) {
-  #sec04 .sec04-title h1 {
-    font-weight: 900;
-    font-size: 32px;
-  }
 }
 
 #sec04 .sec04-title hr {
-  width: 12vw;
+  width: 8vw;
   height: 2px;
   color: #fff !important;
   margin: 10px;
@@ -1331,7 +1366,7 @@ body .learn-more:hover {
 
 #sec04 #sec04-container .card {
   padding: 5px;
-  border-radius: 0%;
+  border-radius: 10px;
 }
 
 #sec04 #sec04-container .card .card-title {
@@ -1558,7 +1593,7 @@ body .learn-more:hover {
 }
 
 #sec04-moblie #sec04-moblie-container .col .card {
-  border-radius: 0%;
+  border-radius: 10px;
   -webkit-box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
           box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
 }
@@ -1577,6 +1612,11 @@ body .learn-more:hover {
   width: 120px;
 }
 
+#sec04-moblie #sec04-moblie-container .col .card .sec04-m-text {
+  height: 150px;
+  overflow: hidden;
+}
+
 #sec05 {
   width: 85vw;
   margin: 0 auto;
@@ -1590,12 +1630,6 @@ body .learn-more:hover {
   }
 }
 
-#sec05 h1 {
-  font-size: 45px;
-  font-weight: 900;
-  padding: 15px;
-}
-
 #sec05 #sec05-container #sec05-destop-slider .slick-prev:before,
 #sec05 #sec05-container #sec05-destop-slider .slick-next:before {
   opacity: 0;
@@ -1635,6 +1669,7 @@ body .learn-more:hover {
 }
 
 #sec05 #sec05-container .card {
+  border-radius: 10px;
   -webkit-box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
           box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
 }
@@ -1669,12 +1704,6 @@ body .learn-more:hover {
   }
 }
 
-#sec05-moblie h1 {
-  font-size: 45px;
-  font-weight: 900;
-  padding: 15px;
-}
-
 #sec05-moblie #sec05-moblie-slider .sec05-moblie-box {
   padding: 20px;
   margin: 30px;
@@ -2019,24 +2048,7 @@ body .learn-more:hover {
 }
 
 #sec06 h1 {
-  font-size: 45px;
-  font-weight: 900;
-  padding: 15px;
-  color: #fff;
-}
-
-#sec06 hr {
-  width: 12vw;
-  height: 2px;
   color: #fff;
-  margin: 10px;
-  opacity: 1 !important;
-}
-
-@media screen and (max-width: 767px) {
-  #sec06 hr {
-    width: 30vw;
-  }
 }
 
 #sec06 #sec06-container {
@@ -2079,13 +2091,26 @@ body .learn-more:hover {
 
 #sec06 #sec06-container .card {
   margin: 10px;
-  height: 500px;
+  height: 420px;
   display: inline-block;
-  border-radius: 0%;
+  border-radius: 10px;
   -webkit-box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
           box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
 }
 
+#sec06 #sec06-container .card a {
+  text-decoration: none;
+  color: #000;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  cursor: pointer;
+  font-size: 22px;
+}
+
+#sec06 #sec06-container .card a:hover {
+  color: #2828ff;
+}
+
 #sec06 #sec06-container .card img {
   height: 150px;
   -o-object-fit: cover;
@@ -2326,18 +2351,8 @@ body .learn-more:hover {
 }
 
 #sec08 #sec08-title h1 {
-  padding: 10px;
   color: #fff;
-  font-size: 48px;
-  font-weight: 900;
-}
-
-@media screen and (max-width: 767px) {
-  #sec08 #sec08-title h1 {
-    font-weight: 900;
-    font-size: 32px;
-    padding: 0px;
-  }
+  padding-bottom: 30px;
 }
 
 #sec08 #sec08-title hr {
@@ -2412,7 +2427,7 @@ body .learn-more:hover {
 #sec09 .col-lg-9 #TRADING {
   position: absolute;
   right: -1px;
-  top: -50px;
+  top: -45px;
 }
 
 @media screen and (max-width: 767px) {
@@ -2458,17 +2473,7 @@ body .learn-more:hover {
 
 #sec09 #sec09-title h1 {
   color: #fff;
-  font-size: 48px;
-  font-weight: 900;
-  padding: 5px 10px;
-}
-
-@media screen and (max-width: 767px) {
-  #sec09 #sec09-title h1 {
-    font-weight: 900;
-    font-size: 32px;
-    padding: 5px 0px;
-  }
+  padding-bottom: 30px;
 }
 
 #sec09 #sec09-title hr {
@@ -2645,6 +2650,7 @@ body .learn-more:hover {
 
 .adv01 .adv01-1 img {
   width: 80vw;
+  border-radius: 10px;
 }
 
 @media screen and (max-width: 767px) {
@@ -2664,6 +2670,10 @@ body .learn-more:hover {
   }
 }
 
+#adv02 .adv01-1 img {
+  border-radius: 10px;
+}
+
 @media screen and (max-width: 767px) {
   #adv02 .adv01-1 img {
     width: 100vw;

File diff suppressed because it is too large
+ 0 - 0
style.css.map


+ 76 - 68
style.scss

@@ -3,7 +3,7 @@
     padding: 0;
     box-sizing: border-box;
 }
-
+@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600;700;900&display=swap");
 $desktop: 1025px;
 $table: 1024px;
 $moblie: 767px;
@@ -18,6 +18,33 @@ $navbgcolor: #313131;
 body {
     width: 100vw;
     background: #fff;
+    font-family: "Noto Serif TC", serif;
+    .secn-title {
+        font-family: "Noto Serif TC", serif;
+        text-align: left;
+        color: #292421;
+        font-size: 30px;
+        font-weight: 700;
+        padding: 5px 10px;
+        padding-bottom: 1vw;
+        margin-bottom: 0px;
+        @media screen and(max-width:$moblie) {
+            font-weight: 900;
+            font-size: 32px;
+        }
+    }
+    .line {
+        width: 8vw;
+        height: 3px;
+        color: #fff;
+        margin-left: 12px;
+        opacity: 1 !important;
+        margin-top: 10px;
+      
+        @media screen and(max-width:$moblie) {
+            width: 30vw;
+        }
+    }
     .learn-more {
         color: #fff;
         height: 50px;
@@ -29,6 +56,7 @@ body {
         background: #93000a;
         vertical-align: top;
         transition: 0.3s;
+        border-radius: 5px;
         &:hover {
             color: #93000a;
             background: #fff;
@@ -643,7 +671,7 @@ body {
 // 影片區塊
 #video {
     width: 100vw;
-    padding-bottom: 10vw;
+
     text-align: center;
     // background: url(./img/sec04banner.jpg);
     background-position: center center;
@@ -683,6 +711,7 @@ body {
 }
 // 活動作品集
 #sec-works {
+    padding-top: 10vw;
     @media screen and(max-width:$moblie) {
         margin: 10px;
     }
@@ -701,6 +730,7 @@ body {
                 text-align: center;
                 display: inline-block !important;
                 transition: 0.3s;
+                border-radius: 10px;
                 &:hover {
                     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
                 }
@@ -710,11 +740,10 @@ body {
     .sec-work-title {
         margin-top: -120px;
         margin-bottom: 50px;
-        color: #fff;
-        h1 {
-            font-size: 60px;
-            font-weight: 900;
-            padding: 15px;
+        color: #000;
+        @media screen and(max-width:$moblie) {
+            margin-top:0px;
+            margin-bottom: 30px;
         }
     }
 }
@@ -745,6 +774,7 @@ body {
                 color: #000;
                 width: 13vw;
                 img {
+                    border-radius: 5px;
                     display: inline;
                     width: 150px;
                     height: 200px;
@@ -785,6 +815,7 @@ body {
                 padding: 3vw 0;
             }
             img {
+         
                 width: 80px;
             }
             span {
@@ -811,6 +842,7 @@ body {
                     }
                 }
                 img {
+                    border-radius: 5px;
                     width: 80px;
                     height: 120px;
                     @media screen and(max-width:350px) {
@@ -865,6 +897,7 @@ body {
             }
 
             img {
+                border-radius: 5px;
                 width: 50px;
             }
             .sec03-table-text {
@@ -956,6 +989,7 @@ body {
             }
 
             img {
+                border-radius: 10px;
                 width: 50px;
             }
             .sec03-table-text {
@@ -997,17 +1031,9 @@ body {
         padding-bottom: 1vw;
         h1 {
             color: #fff;
-            font-size: 45px;
-            font-weight: 900;
-            padding: 10px 10px;
-
-            @media screen and(max-width:$moblie) {
-                font-weight: 900;
-                font-size: 32px;
-            }
         }
         hr {
-            width: 12vw;
+            width: 8vw;
             height: 2px;
             color: #fff !important;
             margin: 10px;
@@ -1027,7 +1053,8 @@ body {
         padding-bottom: 50px;
         .card {
             padding: 5px;
-            border-radius: 0%;
+      
+            border-radius: 10px;
             .card-title {
                 font-weight: 900;
             }
@@ -1300,7 +1327,7 @@ body {
                     height: 150px;
                     object-fit: cover;
                 }
-                border-radius: 0%;
+                border-radius:10px;
                 box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
                 .card-title {
                     font-weight: 900;
@@ -1309,6 +1336,10 @@ body {
                 .learn-more {
                     width: 120px;
                 }
+                .sec04-m-text{
+                    height: 150px;
+                    overflow: hidden;
+                }
             }
         }
     }
@@ -1322,11 +1353,7 @@ body {
     @media screen and(max-width:$moblie) {
         display: none;
     }
-    h1 {
-        font-size: 45px;
-        font-weight: 900;
-        padding: 15px;
-    }
+
     #sec05-container {
         #sec05-destop-slider {
             .slick-prev:before,
@@ -1365,6 +1392,7 @@ body {
             margin: 5px;
         }
         .card {
+            border-radius: 10px;
             box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
         }
     }
@@ -1390,11 +1418,7 @@ body {
             }
         }
     }
-    h1 {
-        font-size: 45px;
-        font-weight: 900;
-        padding: 15px;
-    }
+  
 
     #sec05-moblie-slider {
         .sec05-moblie-box {
@@ -1854,21 +1878,10 @@ body {
         }
     }
     h1 {
-        font-size: 45px;
-        font-weight: 900;
-        padding: 15px;
-        color: #fff;
-    }
-    hr {
-        width: 12vw;
-        height: 2px;
+        
         color: #fff;
-        margin: 10px;
-        opacity: 1 !important;
-        @media screen and(max-width:$moblie) {
-            width: 30vw;
-        }
     }
+  
 
     #sec06-container {
         width: 80vw;
@@ -1906,13 +1919,24 @@ body {
         }
         .card {
             margin: 10px;
-            height: 500px;
+            height: 420px;
             display: inline-block;
+            border-radius: 10px;
+            a {
+                text-decoration: none;
+                color: #000;
+                transition: 0.3s;
+                cursor: pointer;
+                font-size: 22px;
+
+                &:hover {
+                    color: #2828ff;
+                }
+            }
             img {
                 height: 150px;
                 object-fit: cover;
             }
-            border-radius: 0%;
             box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
             .card-title {
                 font-weight: 900;
@@ -2089,7 +2113,6 @@ body {
                     text-align: center;
                     letter-spacing: 10px;
                     font-weight: 900;
-
                     color: #f5f5f5;
                     @media screen and(max-width:$moblie) {
                         font-size: 20px;
@@ -2101,16 +2124,8 @@ body {
         }
 
         h1 {
-            padding: 10px;
             color: #fff;
-            font-size: 48px;
-            font-weight: 900;
-
-            @media screen and(max-width:$moblie) {
-                font-weight: 900;
-                font-size: 32px;
-                padding: 0px;
-            }
+            padding-bottom: 30px;
         }
         hr {
             width: 5vw;
@@ -2163,7 +2178,7 @@ body {
         #TRADING {
             position: absolute;
             right: -1px;
-            top: -50px;
+            top: -45px;
             @media screen and(max-width:$moblie) {
                 top: 5px;
                 right: 30px;
@@ -2199,15 +2214,7 @@ body {
 
         h1 {
             color: #fff;
-            font-size: 48px;
-            font-weight: 900;
-            padding: 5px 10px;
-
-            @media screen and(max-width:$moblie) {
-                font-weight: 900;
-                font-size: 32px;
-                padding: 5px 0px;
-            }
+            padding-bottom: 30px;
         }
         hr {
             width: 5vw;
@@ -2339,6 +2346,7 @@ body {
 
         img {
             width: 80vw;
+            border-radius: 10px;
             @media screen and(max-width:$moblie) {
                 width: 100vw;
             }
@@ -2354,6 +2362,7 @@ body {
         }
 
         img {
+            border-radius: 10px;
             @media screen and(max-width:$moblie) {
                 width: 100vw;
             }
@@ -2377,14 +2386,13 @@ body {
         opacity: 1;
     }
     .content {
-        word-wrap:break-word;
+        word-wrap: break-word;
         p {
             line-height: 2;
             font-size: 18px;
         }
 
-        .video-work{
-
+        .video-work {
             #video2 {
                 video {
                     width: 100%;
@@ -2479,7 +2487,7 @@ body {
             #phone,
             #country_code,
             #selector1,
-            #work_address{
+            #work_address {
                 width: 100%;
                 height: 35px;
                 margin: 10px 0;
@@ -2487,7 +2495,7 @@ body {
                 background: #1b1c1e;
                 border: 1px solid rgba(0, 0, 0, 0.3);
                 border-radius: 5px;
-                color:#fff;
+                color: #fff;
             }
 
             #selector1 {

Some files were not shown because too many files changed in this diff