Home Explore Help
Register Sign In
choozmo
/
OpenTalk
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

內容修正

jeter20131220 3 years ago
parent
90c02775c2
commit
02046c3670
5 changed files with 274 additions and 72 deletions
Unified View Show Diff Stats
  1. 4 5
      artist-course.html
  2. 88 64
      index.html
  3. 107 1
      style.css
  4. 0 0
      style.css.map
  5. 75 2
      style.scss

+ 4 - 5
artist-course.html
View File 

@@ -2,7 +2,6 @@
 
 <html lang="en">
 
 <html lang="en">
 
 
 
 <head>
 
 <head>
 
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-201820994-1"></script>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
@@ -192,7 +191,7 @@
 
                 <div class="col my-3">
 
                 <div class="col my-3">
 
                     <div class="card mb-3 p-1 h-100 border-0">
 
                     <div class="card mb-3 p-1 h-100 border-0">
 
                         <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
 
                         <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
 
-                            <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-10.jpg" alt="">
 
+                            <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261454066915536.jpg" alt="">
 
                         </a>
 
                         </a>
 
                         <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
 
                         <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
 
                             <h2 class="my-3"> 幣安BINANCE於7月28日推出「每個孩子都值得擁有光明的未來」-- NFT 做公益活動（NFT for Good）。</h2>
 
                             <h2 class="my-3"> 幣安BINANCE於7月28日推出「每個孩子都值得擁有光明的未來」-- NFT 做公益活動（NFT for Good）。</h2>
 
@@ -205,7 +204,7 @@
 
                     <div class="card mb-3 p-1 h-100 border-0">
 
                     <div class="card mb-3 p-1 h-100 border-0">
 
                         <div class="col">
 
                         <div class="col">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
 
-                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-8.jpg" alt="">
 
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261435011242971.jpg" alt="">
 
                             </a>
 
                             </a>
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
 
                                 <h2 class="my-3">俄羅斯的冬宮將藝術品作為 NFT 出售</h2>
 
                                 <h2 class="my-3">俄羅斯的冬宮將藝術品作為 NFT 出售</h2>
 
@@ -219,7 +218,7 @@
 
                     <div class="card mb-3 p-1 h-100 border-0">
 
                     <div class="card mb-3 p-1 h-100 border-0">
 
                         <div class="col">
 
                         <div class="col">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
 
-                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/SEC11.png" alt="">
 
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261443905469682.jpg" alt="">
 
                             </a>
 
                             </a>
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
 
                                 <h2 class="my-3"> NFT資訊 | 收藏品大爆發 萬物皆可NFT”的階段已經到來</h2>
 
                                 <h2 class="my-3"> NFT資訊 | 收藏品大爆發 萬物皆可NFT”的階段已經到來</h2>
 
@@ -233,7 +232,7 @@
 
                     <div class="card mb-3 p-1 h-100 border-0">
 
                     <div class="card mb-3 p-1 h-100 border-0">
 
                         <div class="col">
 
                         <div class="col">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
 
-                                <img class="sec11-img img-fluid rounded-3" src="./img/sec01/sec01-img02webp.webp"
 
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261456953535905.jpg"
 
                                     alt="">
 
                                     alt="">
 
                             </a>
 
                             </a>
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
 
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">

+ 88 - 64
index.html
View File 

@@ -38,14 +38,14 @@
 
             <div style="text-align: right;">
 
             <div style="text-align: right;">
 
                 <img class="close" src="./img/close.png" alt="">
 
                 <img class="close" src="./img/close.png" alt="">
 
             </div>
 
             </div>
 
-            <a class="link" data-gt-target="#sec01" data-gt-duration="500" data-gt-offset="0"
 
+            <a class="link" data-gt-target="#sec01" data-gt-duration="500" data-gt-offset="60"
 
                 style="padding-top: 3vw;">最新課程</a>
 
                 style="padding-top: 3vw;">最新課程</a>
 
             <hr>
 
             <hr>
 
             <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">TOP10 熱門課程</a>
 
             <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">TOP10 熱門課程</a>
 
             <hr>
 
             <hr>
 
             <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500" data-gt-offset="60">專欄報導</a>
 
             <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500" data-gt-offset="60">專欄報導</a>
 
             <hr>
 
             <hr>
 
-            <a class="link" data-gt-target="#sec05-moblie" data-gt-duration="500" data-gt-offset="60">課程分類</a>
 
+            <a class="link" data-gt-target="#sec05" data-gt-duration="500" data-gt-offset="60">課程分類</a>
 
             <hr>
 
             <hr>
 
             <a class="link" data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">合作對象</a>
 
             <a class="link" data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">合作對象</a>
 
             <hr>
 
             <hr>
 
@@ -145,21 +145,21 @@
 
                             <a target="_blank"
 
                             <a target="_blank"
 
                                 href="https://www.masterclass.com/classes/bobbi-brown-teaches-makeup-and-beauty"><img
 
                                 href="https://www.masterclass.com/classes/bobbi-brown-teaches-makeup-and-beauty"><img
 
                                     src="./img/sec02/sec02-1-removebg-preview.png" alt=""></a>
 
                                     src="./img/sec02/sec02-1-removebg-preview.png" alt=""></a>
 
-                            <div class="sec02-top-text"><span>1</span>Bobbi Brown</div>
 
+                            <div class="sec02-top-text"><span>1.</span>Bobbi Brown</div>
 
                             <div>你會學會如何選擇正確的基礎，做一個煙熏的眼睛和動人的嘴唇，並按著你的樣子呈現，無論是白天或晚上。但最重要的是，你會學會如何對自己的皮膚有信心。</div>
 
                             <div>你會學會如何選擇正確的基礎，做一個煙熏的眼睛和動人的嘴唇，並按著你的樣子呈現，無論是白天或晚上。但最重要的是，你會學會如何對自己的皮膚有信心。</div>
 
                         </div>
 
                         </div>
 
                         <div class="sec02-box1   col-lg-4">
 
                         <div class="sec02-box1   col-lg-4">
 
                             <a target="_blank"
 
                             <a target="_blank"
 
                                 href="https://www.masterclass.com/classes/gordon-ramsay-teaches-cooking-restaurant-recipes-at-home"><img
 
                                 href="https://www.masterclass.com/classes/gordon-ramsay-teaches-cooking-restaurant-recipes-at-home"><img
 
                                     src="./img/sec02/sec02-2.png" alt=""></a>
 
                                     src="./img/sec02/sec02-2.png" alt=""></a>
 
-                            <div class="sec02-top-text"><span>2</span>Gordon Ramsayl</div>
 
+                            <div class="sec02-top-text"><span>2.</span>Gordon Ramsayl</div>
 
                             <div>13 道餐廳風格的菜肴專為家庭烹飪而設計，您可以學習如何使用日常食材構建從開胃菜到甜點的高級菜肴。 </div>
 
                             <div>13 道餐廳風格的菜肴專為家庭烹飪而設計，您可以學習如何使用日常食材構建從開胃菜到甜點的高級菜肴。 </div>
 
                         </div>
 
                         </div>
 
                         <div class="sec02-box1   col-lg-4">
 
                         <div class="sec02-box1   col-lg-4">
 
                             <a target="_blank"
 
                             <a target="_blank"
 
                                 href="https://www.masterclass.com/classes/jane-goodall-teaches-conservation"></a><img
 
                                 href="https://www.masterclass.com/classes/jane-goodall-teaches-conservation"></a><img
 
                                 src="./img/sec02/sec02-3-removebg-preview.png" alt="">
 
                                 src="./img/sec02/sec02-3-removebg-preview.png" alt="">
 
-                            <div class="sec02-top-text"><span>3</span>Dr. Jane Goodall</div>
 
+                            <div class="sec02-top-text"><span>3.</span>Dr. Jane Goodall</div>
 
                             <div>珍古德道爾博士分享了她對黑猩猩行為模式的研究，以及他們教她什麼關於保護的工作。您將學習如何在當地採取行動並保護地球。</div>
 
                             <div>珍古德道爾博士分享了她對黑猩猩行為模式的研究，以及他們教她什麼關於保護的工作。您將學習如何在當地採取行動並保護地球。</div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
@@ -209,10 +209,10 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">1</th>
 
                                 <th scope="row">1</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table1.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/camera"><img src="./img/sec03/table1.jpg" alt=""></a>  
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>12堂小白手機攝影课</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/camera"><h1>12堂小白手機攝影课</h1></a>
 
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>一天提升手機技能晉升攝影大神</p>
 
                                             <p>一天提升手機技能晉升攝影大神</p>
 
@@ -224,10 +224,10 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">2</th>
 
                                 <th scope="row">2</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2.jpg" alt="">
 
+                                    <a target="_bnank" href="https://opentalk.center/courses/drppt8"><img src="./img/sec03/table2.jpg" alt=""></a>
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>靠PPT設計翻身年收破百萬</h1>
 
+                                            <a target="_bnank" href="https://opentalk.center/courses/drppt8"><h1>靠PPT設計翻身年收破百萬</h1></a>     
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>被你老板、同事、客戶驚豔全場的8堂課</p>
 
                                             <p>被你老板、同事、客戶驚豔全場的8堂課</p>
 
@@ -239,10 +239,12 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">3</th>
 
                                 <th scope="row">3</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table3.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/beauty12"> <img src="./img/sec03/table3.jpg" alt=""></a>
 
+                                   
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>超級逆齡煥顏術</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/beauty12"><h1>超級逆齡煥顏術</h1></a>
 
+                                           
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>女人我最大長駐示範老師</p>
 
                                             <p>女人我最大長駐示範老師</p>
 
@@ -255,9 +257,11 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">4</th>
 
                                 <th scope="row">4</th>
 
                                 <td>
 
                                 <td>
 
+                                    <a target="_blank" href=""></a>
 
                                     <img src="./img/sec03/table2-2.jpg" alt="">
 
                                     <img src="./img/sec03/table2-2.jpg" alt="">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                         <div>
 
                                         <div>
 
+                                            <a target="_blank" href=""></a>
 
                                             <h1>Modern and Contemporary</h1>
 
                                             <h1>Modern and Contemporary</h1>
 
                                             <h1> Art and Desi</h1>
 
                                             <h1> Art and Desi</h1>
 
                                         </div>
 
                                         </div>
 
@@ -271,10 +275,11 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">5</th>
 
                                 <th scope="row">5</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table5.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">  <img src="./img/sec03/table5.jpg" alt=""></a>
 
+                                  
                                     <div class="sec03-table-text" style="display: inline-block">
 
                                     <div class="sec03-table-text" style="display: inline-block">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>有氧廋身塑形操</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description"><h1>有氧廋身塑形操</h1></a>
 
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
 
 
@@ -292,12 +297,14 @@
 
                     <table class="table ">
 
                     <table class="table ">
 
                         <tbody>
 
                         <tbody>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">1</th>
 
+                                <th scope="row">6</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-1.png" alt="">
 
+                                    <a target="_blank" href="https://sat.cool/course/intro/6/info"><img src="./img/sec03/table2-1.png" alt=""></a>
 
+                                  
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>解密圖像故事力 </h1>
 
+                                            <a target="_blank" href="https://sat.cool/course/intro/6/info"> <h1>解密圖像故事力 </h1></a>
 
+                                           
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>打造深入人心的創作</p>
 
                                             <p>打造深入人心的創作</p>
 
@@ -307,27 +314,29 @@
 
 
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">2</th>
 
+                                <th scope="row">7</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-2.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/tea-spirit"> <img src="./img/sec03/table2-2.jpg" alt=""></a>
 
+                                   
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>借茶修為以茶養德</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/tea-spirit"><h1>借茶修為以茶養德</h1></a>
 
+                                           
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
-                                            <p style="opacity: 0;">打造深入人心的創作</p>
 
+
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </td>
 
                                 </td>
 
 
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">3</th>
 
+                                <th scope="row">8</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-3.png" alt="">
 
+                                    <a target="_blank" href="https://sat.cool/course/intro/2/info"><img src="./img/sec03/table2-3.png" alt=""></a>
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>【多益職涯力】</h1>
 
+                                            <a target="_blank" href="https://sat.cool/course/intro/2/info"><h1>【多益職涯力】</h1></a>
 
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>新制多益神速解題課程</p>
 
                                             <p>新制多益神速解題課程</p>
 
@@ -338,14 +347,14 @@
 
 
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">4</th>
 
+                                <th scope="row">9</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-4.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/drexcel"><img src="./img/sec03/table2-4.jpg" alt=""></a>
 
+                                 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>EXCEL實戰速成</h1>
 
-                                            <h1 style="opacity: 0;">EXCEL實戰速成</h1>
 
-
 
+                                            <a target="_blank" href="https://opentalk.center/courses/drexcel"><h1>EXCEL實戰速成</h1></a>
 
+                                            
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>職場晉升加薪秘密武器</p>
 
                                             <p>職場晉升加薪秘密武器</p>
 
@@ -355,12 +364,14 @@
 
 
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">5</th>
 
+                                <th scope="row">10</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-5.webp" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/starface"><img src="./img/sec03/table2-5.webp" alt=""></a>
 
+                                   
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>中醫養顏凍齡術</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/starface"><h1>中醫養顏凍齡術</h1></a>
 
+                                            
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>劉詩詩佟麗娅明星御用中醫師</p>
 
                                             <p>劉詩詩佟麗娅明星御用中醫師</p>
 
@@ -389,10 +400,10 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">1</th>
 
                                 <th scope="row">1</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table1.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/camera"><img src="./img/sec03/table1.jpg" alt=""></a>  
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>12堂小白手機攝影课</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/camera"><h1>12堂小白手機攝影课</h1></a>
 
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>一天提升手機技能晉升攝影大神</p>
 
                                             <p>一天提升手機技能晉升攝影大神</p>
 
@@ -404,10 +415,10 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">2</th>
 
                                 <th scope="row">2</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2.jpg" alt="">
 
+                                    <a target="_bnank" href="https://opentalk.center/courses/drppt8"><img src="./img/sec03/table2.jpg" alt=""></a>
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>靠PPT設計翻身年收破百萬</h1>
 
+                                            <a target="_bnank" href="https://opentalk.center/courses/drppt8"><h1>靠PPT設計翻身年收破百萬</h1></a>     
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>被你老板、同事、客戶驚豔全場的8堂課</p>
 
                                             <p>被你老板、同事、客戶驚豔全場的8堂課</p>
 
@@ -419,10 +430,12 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">3</th>
 
                                 <th scope="row">3</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table3.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/beauty12"> <img src="./img/sec03/table3.jpg" alt=""></a>
 
+                                   
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>超級逆齡煥顏術</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/beauty12"><h1>超級逆齡煥顏術</h1></a>
 
+                                           
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>女人我最大長駐示範老師</p>
 
                                             <p>女人我最大長駐示範老師</p>
 
@@ -435,9 +448,11 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">4</th>
 
                                 <th scope="row">4</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/top4webp.webp" alt="">
 
+                                    <a target="_blank" href=""></a>
 
+                                    <img src="./img/sec03/table2-2.jpg" alt="">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                     <div class="sec03-table-text" style="display: inline-block;">
 
                                         <div>
 
                                         <div>
 
+                                            <a target="_blank" href=""></a>
 
                                             <h1>Modern and Contemporary</h1>
 
                                             <h1>Modern and Contemporary</h1>
 
                                             <h1> Art and Desi</h1>
 
                                             <h1> Art and Desi</h1>
 
                                         </div>
 
                                         </div>
 
@@ -451,10 +466,11 @@
 
                             <tr>
 
                             <tr>
 
                                 <th scope="row">5</th>
 
                                 <th scope="row">5</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table5.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">  <img src="./img/sec03/table5.jpg" alt=""></a>
 
+                                  
                                     <div class="sec03-table-text" style="display: inline-block">
 
                                     <div class="sec03-table-text" style="display: inline-block">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>有氧廋身塑形操</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description"><h1>有氧廋身塑形操</h1></a>
 
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
 
 
@@ -472,12 +488,14 @@
 
                     <table class="table ">
 
                     <table class="table ">
 
                         <tbody>
 
                         <tbody>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">1</th>
 
+                                <th scope="row">6</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-1.png" alt="">
 
+                                    <a target="_blank" href="https://sat.cool/course/intro/6/info"><img src="./img/sec03/table2-1.png" alt=""></a>
 
+                                  
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>解密圖像故事力 </h1>
 
+                                            <a target="_blank" href="https://sat.cool/course/intro/6/info"> <h1>解密圖像故事力 </h1></a>
 
+                                           
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>打造深入人心的創作</p>
 
                                             <p>打造深入人心的創作</p>
 
@@ -487,12 +505,14 @@
 
 
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">2</th>
 
+                                <th scope="row">7</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-2.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/tea-spirit"> <img src="./img/sec03/table2-2.jpg" alt=""></a>
 
+                                   
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>借茶修為以茶養德</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/tea-spirit"><h1>借茶修為以茶養德</h1></a>
 
+                                           
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
 
 
@@ -502,12 +522,12 @@
 
 
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">3</th>
 
+                                <th scope="row">8</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-3.png" alt="">
 
+                                    <a target="_blank" href="https://sat.cool/course/intro/2/info"><img src="./img/sec03/table2-3.png" alt=""></a>
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>【多益職涯力】</h1>
 
+                                            <a target="_blank" href="https://sat.cool/course/intro/2/info"><h1>【多益職涯力】</h1></a>
 
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>新制多益神速解題課程</p>
 
                                             <p>新制多益神速解題課程</p>
 
@@ -518,12 +538,14 @@
 
 
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">4</th>
 
+                                <th scope="row">9</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-4.jpg" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/drexcel"><img src="./img/sec03/table2-4.jpg" alt=""></a>
 
+                                 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>EXCEL實戰速成</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/drexcel"><h1>EXCEL實戰速成</h1></a>
 
+                                            
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>職場晉升加薪秘密武器</p>
 
                                             <p>職場晉升加薪秘密武器</p>
 
@@ -533,12 +555,14 @@
 
 
 
                             </tr>
 
                             </tr>
 
                             <tr>
 
                             <tr>
 
-                                <th scope="row">5</th>
 
+                                <th scope="row">10</th>
 
                                 <td>
 
                                 <td>
 
-                                    <img src="./img/sec03/table2-5.webp" alt="">
 
+                                    <a target="_blank" href="https://opentalk.center/courses/starface"><img src="./img/sec03/table2-5.webp" alt=""></a>
 
+                                   
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                     <div class="sec03-table-text" style="display: inline-block ;">
 
                                         <div>
 
                                         <div>
 
-                                            <h1>中醫養顏凍齡術</h1>
 
+                                            <a target="_blank" href="https://opentalk.center/courses/starface"><h1>中醫養顏凍齡術</h1></a>
 
+                                            
                                         </div>
 
                                         </div>
 
                                         <div>
 
                                         <div>
 
                                             <p>劉詩詩佟麗娅明星御用中醫師</p>
 
                                             <p>劉詩詩佟麗娅明星御用中醫師</p>
 
@@ -697,35 +721,35 @@
 
 
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="row">
 
                         <div class="row">
 
-                            <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
 
+                            <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://www.ampaimusic.com/"><img
 
                                         class="img-fluid" src="./img/sec06/sec06-01-removebg-preview.png" alt=""></a>
 
                                         class="img-fluid" src="./img/sec06/sec06-01-removebg-preview.png" alt=""></a>
 
                             </div>
 
                             </div>
 
 
 
-                            <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
 
+                            <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://www.ximalaya.com/"><img
 
                                         class="img-fluid" src="./img/sec06/sec06-06.jpg" alt=""></a></div>
 
                                         class="img-fluid" src="./img/sec06/sec06-06.jpg" alt=""></a></div>
 
 
 
 
 
                             <div class="sec09-1 col-3 py-3"><a target="_blank"
 
                             <div class="sec09-1 col-3 py-3"><a target="_blank"
 
-                                    href="https://www.binance.com/zh-TW/nft"><img class="img-fluid"
 
+                                    href="https://www.chain.tw/"><img class="img-fluid"
 
                                         src="./img/sec06/sec06-04.png" alt=""></a></div>
 
                                         src="./img/sec06/sec06-04.png" alt=""></a></div>
 
 
 
 
 
 
 
-                            <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
 
+                            <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://www.lizhiweike.com/"><img
 
                                         class="img-fluid" src="./img/sec06/sec06-07.png" alt=""></a></div>
 
                                         class="img-fluid" src="./img/sec06/sec06-07.png" alt=""></a></div>
 
 
 
                             <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
 
                             <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
 
                                         class="img-fluid" src="./img/sec06/sec06-8.png" alt=""></a></div>
 
                                         class="img-fluid" src="./img/sec06/sec06-8.png" alt=""></a></div>
 
 
 
-                            <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
 
+                            <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://www.facebook.com/ARK.TPE/"><img
 
                                         class="img-fluid" src="./img/sec06/sec06-02.png" alt=""></a></div>
 
                                         class="img-fluid" src="./img/sec06/sec06-02.png" alt=""></a></div>
 
 
 
                             <div class="col-3 py-3 d-flex align-items-center justfy-content-center"><a target="_blank"
 
                             <div class="col-3 py-3 d-flex align-items-center justfy-content-center"><a target="_blank"
 
-                                    href=""><img class="img-fluid"
 
+                                    href="https://bwxk.ke.qq.com/#tab=1&category=-1"><img class="img-fluid"
 
                                         src="./img/sec06/sec06-06-removebg-preview.png" alt=""></a>
 
                                         src="./img/sec06/sec06-06-removebg-preview.png" alt=""></a>
 
                             </div>
 
                             </div>
 
                             <div class="col-3 py-3 d-flex align-items-center justfy-content-center"><a
 
                             <div class="col-3 py-3 d-flex align-items-center justfy-content-center"><a
 
-                                    target="_blank" href=""><img class="sec09-7 img-fluid"
 
+                                    target="_blank" href="https://www.facebook.com/Shengeng.Foundation"><img class="sec09-7 img-fluid"
 
                                         src="./img/sec06/sec06-05.png" alt=""></a></div>
 
                                         src="./img/sec06/sec06-05.png" alt=""></a></div>
 
 
 
                         </div>
 
                         </div>
 
@@ -742,7 +766,7 @@
 
                 <h2>客服信箱：nftboard.info@gmail.com</h2>
 
                 <h2>客服信箱：nftboard.info@gmail.com</h2>
 
             </a>
 
             </a>
 
             <h2>公司名稱：微生活知識科技公司</h2>
 
             <h2>公司名稱：微生活知識科技公司</h2>
 
-            <p>Opentakk &copy; All Rights Reserved.</p>
 
+            <p>Opentalk &copy; All Rights Reserved.</p>
 
         </div>
 
         </div>
 
     </footer>
 
     </footer>
 
 
 
@@ -832,7 +856,7 @@
 
                         const limit = res;
 
                         const limit = res;
 
                         for (var i = 0; i < limit; i++) {
 
                         for (var i = 0; i < limit; i++) {
 
                             sec05course += ' \
 
                             sec05course += ' \
 
-                                <div class="col my-3">\
 
+                                <div class="course-content col my-3">\
 
                                     <div class="card mb-3 p-1 h-100">\
 
                                     <div class="card mb-3 p-1 h-100">\
 
                                         <div class="row g-0">\
 
                                         <div class="row g-0">\
 
                                             <div class="banner col-12 col-lg-12">\
 
                                             <div class="banner col-12 col-lg-12">\

+ 107 - 1
style.css
View File 

@@ -536,6 +536,18 @@
 
   padding: 15px;
 
   padding: 15px;
 
 }
 
 }
 
 
 
+#sec03 #sec03-table .table td a {
 
+  text-decoration: none;
 
+  color: #000;
 
+  -webkit-transition: 0.3s;
 
+  transition: 0.3s;
 
+  cursor: pointer;
 
+}
 
+
 
+#sec03 #sec03-table .table td a:hover {
 
+  color: #2828ff;
 
+}
 
+
 
 #sec03 #sec03-table .table img {
 
 #sec03 #sec03-table .table img {
 
   width: 80px;
 
   width: 80px;
 
 }
 
 }
 
@@ -636,6 +648,18 @@
 
   }
 
   }
 
 }
 
 }
 
 
 
+#sec03-moblie #sec03-slider .table td a {
 
+  text-decoration: none;
 
+  color: #000;
 
+  -webkit-transition: 0.3s;
 
+  transition: 0.3s;
 
+  cursor: pointer;
 
+}
 
+
 
+#sec03-moblie #sec03-slider .table td a:hover {
 
+  color: #2828ff;
 
+}
 
+
 
 #sec03-moblie #sec03-slider .table img {
 
 #sec03-moblie #sec03-slider .table img {
 
   width: 70px;
 
   width: 70px;
 
 }
 
 }
 
@@ -900,6 +924,13 @@
 
   background: #eb144c;
 
   background: #eb144c;
 
 }
 
 }
 
 
 
+#sec05 #sec05-container .course-content {
 
+  -webkit-animation-name: Cardload;
 
+          animation-name: Cardload;
 
+  -webkit-animation-duration: 1.5s;
 
+          animation-duration: 1.5s;
 
+}
 
+
 
 #sec05 #sec05-container #sec05-course a {
 
 #sec05 #sec05-container #sec05-course a {
 
   color: #000;
 
   color: #000;
 
   font-weight: 900;
 
   font-weight: 900;
 
@@ -1193,7 +1224,7 @@
 
 
 
 #sec10 hr {
 
 #sec10 hr {
 
   height: 1px;
 
   height: 1px;
 
-  background: #525252;
 
+  background: #eee;
 
   opacity: 1;
 
   opacity: 1;
 
 }
 
 }
 
 
 
@@ -1236,4 +1267,79 @@
 
 #sec10 .side-bar p {
 
 #sec10 .side-bar p {
 
   font-size: 16px;
 
   font-size: 16px;
 
 }
 
 }
 
+
 
+#sec11 #sec11-container {
 
+  width: 85vw;
 
+}
 
+
 
+#sec11 #sec11-container a {
 
+  text-decoration: none;
 
+  color: #000;
 
+  -webkit-transition: 0.3s;
 
+  transition: 0.3s;
 
+  cursor: pointer;
 
+}
 
+
 
+#sec11 #sec11-container a:hover {
 
+  color: #2828ff;
 
+}
 
+
 
+#sec11 #sec11-container h1 {
 
+  font-weight: 900;
 
+  font-size: 28px;
 
+}
 
+
 
+@media screen and (max-width: 767px) {
 
+  #sec11 #sec11-container .sec11-01 {
 
+    display: block;
 
+  }
 
+}
 
+
 
+#sec11 #sec11-container .col {
 
+  overflow: hidden;
 
+}
 
+
 
+#sec11 #sec11-container .sec11-img {
 
+  width: 550px;
 
+  height: 350px;
 
+  -o-object-fit: cover;
 
+     object-fit: cover;
 
+  -webkit-transition: 0.3s;
 
+  transition: 0.3s;
 
+  cursor: pointer;
 
+}
 
+
 
+#sec11 #sec11-container .sec11-img:hover {
 
+  -webkit-transform: scale(1.02);
 
+          transform: scale(1.02);
 
+}
 
+
 
+@media screen and (max-width: 767px) {
 
+  #sec11 #sec11-container .sec11-img {
 
+    height: 250px;
 
+  }
 
+}
 
+
 
+#sec11 #sec11-container h2 {
 
+  font-weight: 900;
 
+  font-size: 24px;
 
+}
 
+
 
+@-webkit-keyframes Cardload {
 
+  0% {
 
+    opacity: 0;
 
+  }
 
+  100% {
 
+    opacity: 1;
 
+  }
 
+}
 
+
 
+@keyframes Cardload {
 
+  0% {
 
+    opacity: 0;
 
+  }
 
+  100% {
 
+    opacity: 1;
 
+  }
 
+}
 
 /*# sourceMappingURL=style.css.map */
 
 /*# sourceMappingURL=style.css.map */

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


+ 75 - 2
style.scss
View File 

@@ -449,6 +449,15 @@ $navbgcolor: #eb144c;
 
             }
 
             }
 
             td {
 
             td {
 
                 padding: 15px;
 
                 padding: 15px;
 
+                a {
 
+                    text-decoration: none;
 
+                    color: #000;
 
+                    transition: 0.3s;
 
+                    cursor: pointer;
 
+                    &:hover {
 
+                        color: #2828ff;
 
+                    }
 
+                }
 
             }
 
             }
 
 
 
             img {
 
             img {
 
@@ -530,6 +539,15 @@ $navbgcolor: #eb144c;
 
                 @media screen and(max-width:350px) {
 
                 @media screen and(max-width:350px) {
 
                     padding: 0px;
 
                     padding: 0px;
 
                 }
 
                 }
 
+                a {
 
+                    text-decoration: none;
 
+                    color: #000;
 
+                    transition: 0.3s;
 
+                    cursor: pointer;
 
+                    &:hover {
 
+                        color: #2828ff;
 
+                    }
 
+                }
 
             }
 
             }
 
 
 
             img {
 
             img {
 
@@ -747,7 +765,10 @@ $navbgcolor: #eb144c;
 
     }
 
     }
 
 
 
     #sec05-container {
 
     #sec05-container {
 
-        
+        .course-content{
 
+            animation-name:Cardload;
 
+            animation-duration: 1.5s;
 
+        }
 
         #sec05-course {
 
         #sec05-course {
 
            
            
             a {
 
             a {
 
@@ -968,7 +989,7 @@ $navbgcolor: #eb144c;
 
     }
 
     }
 
     hr {
 
     hr {
 
         height: 1px;
 
         height: 1px;
 
-        background: #525252;
 
+        background:#eee;
 
         opacity: 1;
 
         opacity: 1;
 
     }
 
     }
 
     .content {
 
     .content {
 
@@ -1010,4 +1031,56 @@ $navbgcolor: #eb144c;
 
             font-size: 16px;
 
             font-size: 16px;
 
         }
 
         }
 
     }
 
     }
 
+}
 
+#sec11 {
 
+    #sec11-container {
 
+        a {
 
+            text-decoration: none;
 
+            color: #000;
 
+            transition: 0.3s;
 
+            cursor: pointer;
 
+            &:hover {
 
+                color: #2828ff;
 
+            }
 
+        }
 
+        h1 {
 
+            font-weight: 900;
 
+            font-size: 28px;
 
+        }
 
+        width: 85vw;
 
+        .sec11-01 {
 
+            @media screen and(max-width:$moblie) {
 
+                display: block;
 
+            }
 
+        }
 
+        .col {
 
+            overflow: hidden;
 
+        }
 
+        .sec11-img {
 
+            width: 550px;
 
+            height: 350px;
 
+            object-fit: cover;
 
+            transition: 0.3s;
 
+            cursor: pointer;
 
+            &:hover {
 
+                transform: scale(1.02);
 
+            }
 
+            @media screen and(max-width:$moblie) {
 
+                height: 250px;
 
+            }
 
+        }
 
+        h2 {
 
+            font-weight: 900;
 
+            font-size: 24px;
 
+        }
 
+    }
 
+}
 
+
 
+@keyframes Cardload {
 
+    0% {
 
+       opacity: 0;
 
+    }
 
+    100% {
 
+        opacity: 1;
 
+    }
 
 }
 
 }

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