jeter20131220 3 лет назад
Родитель
Сommit
a45a8ff98a

+ 87 - 52
artist-course.html

@@ -117,56 +117,76 @@
                 <div class="side-bar col-lg-4">
                     <hr>
                     <h1>TOP5熱門課程</h1>
+                    
                     <div class="card-body">
-                        <a target="_blank" href="./nftboard-akaswap.html">
-                            <img class="img-fluid" src="./img/sec10/S__43253764.jpg" alt="">
+                        <a target="_blank" href="https://opentalk.center/courses/camera">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261443905469682.jpg" alt="">
                         </a>
-                        <a target="_blank" href="./nftboard-akaswap.html">
-                            <h5 class="card-title  pt-3">NFTboard與台北方舟跨界直播 - akaswap平台空投一番賞限量開搶</h5>
+                        <a target="_blank" href="https://opentalk.center/courses/camera">
+                            <h5 class="card-title pt-3">12堂小白手機攝影课_一天提升手機技能晉升攝影大神</h5>
                         </a>
-
-                        <p class="card-text">NFTBoard 與akaswap 即將於2021/8/7(六) 晚上舉辦一場精緻的「NFT 方舟加密藝術X akaSwap跨界直播」活動</p>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.5hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
+                        </p>
                     </div>
                     <div class="card-body">
-                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124820929842942">
-                            <img class="img-fluid" src="./img/sec01/Olympic.png" alt="">
+                        <a target="_blank" href="https://opentalk.center/courses/drppt8">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261456953535905.jpg" alt="">
                         </a>
-                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124820929842942">
-                            <h5 class="card-title pt-3"> NFT席捲體育界 NBA數位收藏交易掀熱潮~疫情推升NBA熱潮,玩家身家暴漲百倍</h5>
+                        <a target="_blank" href="https://opentalk.center/courses/drppt8">
+                            <h5 class="card-title  pt-3">靠PPT設計翻身年收破百萬,被你老板、同事、客戶驚豔全場的8堂課</h5>
                         </a>
-                        <p class="card-text">
-                            NBA球員哈里伯頓說:「有人說我可以上YOUTUBE看到這些照片難道不行嗎?確實是,但同樣你買了NFT球員卡時,你不是也能在Google上找到一樣的照片嗎?重點不在照片,是在你手上的東西。」
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.9hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2580</small>
                         </p>
                     </div>
                     <div class="card-body">
-                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121">
-                            <img class="img-fluid" src="./img/sec04/safe_image.jpg" alt="">
+                        <a target="_blank" href="https://opentalk.center/courses/beauty12">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/162614397863322.jpg" alt="">
                         </a>
-                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/121145806877121">
-                            <h5 class="card-title  pt-3">區塊鏈可以幫助出版商提高受眾信任度,46% 的受訪者表示他們願意為準確的新聞付費</h5>
+                        <a target="_blank" href="https://opentalk.center/courses/beauty12">
+                            <h5 class="card-title  pt-3">超級逆齡煥顏術_女人我最大長駐示範老師</h5>
                         </a>
-                        <p class="card-text">"區塊鏈如何增加信任?艾米·惠特克在《華爾街日報》上寫道。“什麼可以防止篡改歷史記錄——是否有可能為子孫後代保護這些信息?” Haber 和
-                            Stornetta 的解決方案:........。</p>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>3.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
+                        </p>
                     </div>
                     <div class="card-body">
-                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124179153240453">
-                            <img class="img-fluid" src="./img/sec01/game.jpg" alt="">
+                        <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261442236899505.jpg" alt="">
                         </a>
-                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/124179153240453">
-                            <h5 class="card-title  pt-3">NFT遊戲 | 玩轉遊戲世界</h5>
+                        <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
+                            <h5 class="card-title pt-3">借茶修為以茶養德</h5>
                         </a>
-                        <p class="card-text">究竟NFT能擴充到什麼樣的地步?電競世界跟NFT合作持續火熱延燒!NFT CyptoMotos 也進入 Animoca Brands
-                            的世界同步與REVV 達成合作,NFT社交平台DeFine 也獲得500 萬美元的戰略投資</p>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.7hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
+                        </p>
                     </div>
                     <div class="card-body">
-                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
-                            <img class="img-fluid" src="./img/sec06/sec06-01.webp" alt="">
+                        <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261435011242971.jpg" alt="">
                         </a>
-                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/105110191814016">
-                            <h5 class="card-title pt-3">誰要買這個啦!推特執行長賣推文「加密熱潮」新標的,NFT是什麼?</h5>
+                        <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
+                            <h5 class="card-title  pt-3">有氧廋身塑形操_每天居家15分鐘跳出好身材</h5>
                         </a>
-                        <p class="card-text">如果果你還沒聽過NFT,應該也快聽說了。NFT正在攻佔網路,並被認為是區塊鏈技術 (blockchain technology)
-                            的最佳應用實例。</p>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>7.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
+                        </p>
                     </div>
                     <hr>
                     <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"> <img class="img-fluid my-3"
@@ -186,7 +206,7 @@
     <section id="sec11">
 
         <div id="sec11-container" class="container-fluid px-0 py-5">
-            <h1>RECENT POST(NEWS)</h1>
+            <h1>精選課程</h1>
             <div class="sec11-01 row row-col-1 row-cols-sm-2">
                 <div class="col my-3">
                     <div class="card mb-3 p-1 h-100 border-0">
@@ -194,53 +214,68 @@
                             <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261454066915536.jpg" alt="">
                         </a>
                         <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">12堂即學即用的朋友圈掘金術</h2>
                         </a>
-
-                        <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>6.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1280</small>
+                        </p>
                     </div>
                 </div>
                 <div class="col my-3">
                     <div class="card mb-3 p-1 h-100 border-0">
                         <div class="col">
-                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
-                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261435011242971.jpg" alt="">
+                            <a target="_blank" href="https://opentalk.center/courses/starface">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16286038525257046.jpg" alt="">
                             </a>
-                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/126429853015383">
-                                <h2 class="my-3">俄羅斯的冬宮將藝術品作為 NFT 出售</h2>
+                            <a target="_blank" href="https://opentalk.center/courses/starface">
+                                <h2 class="my-3">中醫養顏凍齡術-劉詩詩佟麗娅明星御用中醫師</h2>
                             </a>
-
-                            <p class="card-text"><small class="text-muted">By NFTBoard</small></p>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.5hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1380</small>
+                            </p>
                         </div>
                     </div>
                 </div>
                 <div class="col my-3">
                     <div class="card mb-3 p-1 h-100 border-0">
                         <div class="col">
-                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
-                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261443905469682.jpg" alt="">
+                            <a target="_blank" href="https://opentalk.center/courses/vs_slim">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16286043185757644.jpg" alt="">
                             </a>
-                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/122120953446273">
-                                <h2 class="my-3"> NFT資訊 | 收藏品大爆發 萬物皆可NFT”的階段已經到來</h2>
+                            <a target="_blank" href="https://opentalk.center/courses/vs_slim">
+                                <h2 class="my-3">維密超模減脂塑形終極大課_4大瘦身塑形法</h2>
                             </a>
-
-                            <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1680</small>
+                            </p>
                         </div>
                     </div>
                 </div>
                 <div class="col my-3">
                     <div class="card mb-3 p-1 h-100 border-0">
                         <div class="col">
-                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
-                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261456953535905.jpg"
+                            <a target="_blank" href="https://opentalk.center/courses/15hr">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261455481186454.jpg"
                                     alt="">
                             </a>
                             <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
-                                <h2 class="my-3"> NFT人物 | Tim Berners-Lee
-                                    發明家蒂姆·伯納斯·李 (Tim Berners-Lee) 將網絡的源代碼作為 NFT 拍賣</h2>
+                                <h2 class="my-3">"人事經理親授:15個職場逆襲法則_幫你倍速加薪突破瓶頸"</h2>
                             </a>
-
-                            <p class="card-text"><small class="text-muted">By NFTBoard </small></p>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>3.5hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$999</small>
+                            </p>
                         </div>
                     </div>
                 </div>

+ 312 - 0
beauty.html

@@ -0,0 +1,312 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <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">
+    <meta name="copyright" content="2021 © Opentalk │ All Rights Reserved.">
+    <meta name="creation-date" content="2021-07-09 12:00:04 GTM+8">
+    <meta name="description" content="">
+    <meta name="distribution" content="Taiwan">
+    <meta name="keywords" content="">
+    <meta name="revisit-after" content="1 days">
+    <meta name="robots" content="all">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="author" content="Choozmo">
+
+    <meta property="og:image" content="" />
+    <meta property="og:description" content="" />
+    <meta property="og:site_name" content="Opentalk" />
+    <meta property="og:title" content="" />
+    <meta property="og:type" content="website" />
+    <title>強推薦~生命洗禮後的變美課</title>
+
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
+    <link rel="stylesheet" href="./style.css">
+</head>
+
+<body>
+    <section id="Navigation" class="container-fluid">
+        <div id="nav" class="row">
+            <div id="logo" class=" col-md-2 col-lg-2">
+                <a href=""> <img src="./img/logo03_png.png" alt=""></a>
+            </div>
+            <div id="link" class="col-md-10 col-lg-10">
+                <a data-gt-target="#sec01 " data-gt-duration="500" data-gt-offset="100">最新課程</a>
+                <a data-gt-target="#sec02" data-gt-duration="800" data-gt-offset="180">TOP 10 熱門課程</a>
+                <a data-gt-target="#sec04" data-gt-duration="500" data-gt-offset="150">專欄報導</a>
+                <a data-gt-target="#sec05" data-gt-duration="500" data-gt-offset="100">課程分類</a>
+                <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="80">合作對象</a>
+                <a data-gt-target="#footer" data-gt-duration="500" data-gt-offset="50">聯絡我們</a>
+            </div>
+            <img id="menu-btn1" src="./img/menu.png" alt="">
+        </div>
+    </section>
+    <div id="menu-box" class="container-fluid" style="padding:0;margin:0 ">
+        <div id="menu-box2">
+            <div style="text-align: right;">
+                <img class="close" src="./img/close.png" alt="">
+            </div>
+            <a class="link" data-gt-target="#sec01" data-gt-duration="500" data-gt-offset="0"
+                style="padding-top: 3vw;">最新課程</a>
+            <hr>
+            <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">TOP10 熱門課程</a>
+            <hr>
+            <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500" data-gt-offset="60">專欄報導</a>
+            <hr>
+            <a class="link" data-gt-target="#sec05-moblie" data-gt-duration="500" data-gt-offset="60">課程分類</a>
+            <hr>
+            <a class="link" data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">合作對象</a>
+            <hr>
+            <a class="link" data-gt-target="#footer" data-gt-duration="500" data-gt-offset="">聯絡我們</a>
+            <hr>
+
+        </div>
+
+    </div>
+
+    <section class="py-5 bg-white mb-5"></section>
+    <section id="adv01" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <a target="_blank" href="">
+                <img class="img-fluid" src="./img/sec05img1.webp" alt="">
+            </a>
+        </div>
+    </section>
+
+    <section id="sec10" class="pt-3">
+        <div class="row">
+            <div class="content col-lg-7">
+                <h1 class="sec10-title">
+                    強推薦~生命洗禮後的變美課
+                </h1>
+                <p class="card-text"><small class="text-muted">By Opentalk</small></p>
+                <img class="m-1" style="width: 20px;" src="./img/time.png" alt=""><span>2021/8/6</span>
+                <hr>
+                <a target="_blank" href="https://opentalk.center/categories/beauty">
+                    <img class="img-fluid" src="./img/sec04/sec01-2.png" alt="">
+                </a>
+               
+                <div class="sec10-content mt-3">
+                <p>她先開始節食,一天只吃一點點東西,餓到胃疼。好不容易瘦了幾斤,稍微吃多一點就立刻反彈;她試着吃減肥藥,結果嚴重影響睡眠,情緒也躁郁不安,整個人狀態很糟糕,不得不停下;</p>
+                   <p>她逼着自己去健身房,每天狂虐自己兩個小時,減了幾斤後就再也沒效果了,她開始瘋狂查資料、請教健身和瑜伽教練、自學營養學,研究了能找到的所有減肥知識,邊學習邊實踐,終於髮現了減肥失敗的原因:</p>
+                   <p style="font-weight: 900;">健康飲食真的很重要,節食和吃藥看似效果快,</p>
+                   <p style="font-weight: 900;">其實反彈起來更加可怕,分分鐘超過原來的體重。</p>
+                   <p>而運動沒效果,是因為我們女生肌肉少,能量消耗慢,可能跑一上午才能消耗完一頓飯的能量……(簡直絕望。。)</p>
+                   <p>無數次的失敗後,她終於摸索出一套“健康飲食+運動健身”的科學減肥方法,在3個月內成功甩掉18公斤,練出了馬甲線!
+                    而且,除了瘦,她的皮膚更加緊致有型,笑容也更加自信了。
+                    </p>
+                    <p>在日常訓練中,擔心學員身體健康的她,並不急於求成,而是帶着學員循序漸進,逐步加大訓練強度,讓每個人都能清晰感受到自己的進步。</p>
+                    <p>課程連結:<a target="_blank" href="https://opentalk.center/categories/beauty">https://opentalk.center/categories/beauty</a></p>
+                </div>
+            </div>
+                <div class="col-lg-1"></div>
+                <!-- 側邊攔 -->
+                <div class="side-bar col-lg-4">
+                    <hr>
+                    <h1>TOP5熱門課程</h1>
+                    
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/camera">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261443905469682.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/camera">
+                            <h5 class="card-title pt-3">12堂小白手機攝影课_一天提升手機技能晉升攝影大神</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.5hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/drppt8">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261456953535905.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/drppt8">
+                            <h5 class="card-title  pt-3">靠PPT設計翻身年收破百萬,被你老板、同事、客戶驚豔全場的8堂課</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.9hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2580</small>
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/beauty12">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/162614397863322.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/beauty12">
+                            <h5 class="card-title  pt-3">超級逆齡煥顏術_女人我最大長駐示範老師</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>3.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261442236899505.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
+                            <h5 class="card-title pt-3">借茶修為以茶養德</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.7hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261435011242971.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
+                            <h5 class="card-title  pt-3">有氧廋身塑形操_每天居家15分鐘跳出好身材</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>7.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
+                        </p>
+                    </div>
+                    <hr>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"> <img class="img-fluid my-3"
+                            src="./img/adv/adv3-1.webp" alt=""></a>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"> <img
+                            class="img-fluid my-3" src="./img/adv/adv3-2.webp" alt=""></a>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"> <img
+                            class="img-fluid my-3" src="./img/adv/adv3-3.webp" alt=""></a>
+                </div>
+            </div>
+    </section>
+    <!-- <section id="adv02" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <img class="img-fluid" src="./img/sec01/218116504_124830393175329_4675674980376029305_n.jpg" alt="">
+        </div>
+    </section> -->
+    <section id="sec11">
+
+        <div id="sec11-container" class="container-fluid px-0 py-5">
+            <h1>精選課程</h1>
+            <div class="sec11-01 row row-col-1 row-cols-sm-2">
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261454066915536.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <h2 class="my-3">12堂即學即用的朋友圈掘金術</h2>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>6.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1280</small>
+                        </p>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/starface">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16286038525257046.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://opentalk.center/courses/starface">
+                                <h2 class="my-3">中醫養顏凍齡術-劉詩詩佟麗娅明星御用中醫師</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.5hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1380</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/vs_slim">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16286043185757644.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://opentalk.center/courses/vs_slim">
+                                <h2 class="my-3">維密超模減脂塑形終極大課_4大瘦身塑形法</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1680</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/15hr">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261455481186454.jpg"
+                                    alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
+                                <h2 class="my-3">"人事經理親授:15個職場逆襲法則_幫你倍速加薪突破瓶頸"</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>3.5hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$999</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+
+        </div>
+    </section>
+
+    <footer id="footer" class="container-fluid" style="padding:0;margin:0">
+        <div class="text" style="padding-right:0;">
+            <a target="_blank" href="mailto:nftboard.info@gmail.com">
+                <h2>客服信箱:nftboard.info@gmail.com</h2>
+            </a>
+            <h2>公司名稱:微生活知識科技公司</h2>
+            <p>Opentakk &copy; All Rights Reserved.</p>
+        </div>
+    </footer>
+
+
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+        crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    <script src="./goto.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.js"></script>
+</body>
+
+</html>

BIN
img/sec10/4006.png


BIN
img/sec10/nick-morrison-FHnnjk1Yj7Y-unsplash.jpg


BIN
img/sec10/p1.png


BIN
img/sec10/p2.png


BIN
img/sec10/p3.png


BIN
img/sec10/p4.png


BIN
img/sec10/p5.png


+ 21 - 19
index.html

@@ -263,7 +263,6 @@
                                         <div>
                                             <a target="_blank" href=""></a>
                                             <h1>Modern and Contemporary</h1>
-                                            <h1> Art and Desi</h1>
                                         </div>
                                         <div>
                                             <p>專項課程 </p>
@@ -324,7 +323,7 @@
                                            
                                         </div>
                                         <div>
-
+                                            <p>讓靈動氣韻成為你的鮮活名片。</p>
                                         </div>
                                     </div>
                                 </td>
@@ -515,7 +514,7 @@
                                            
                                         </div>
                                         <div>
-
+                                            <p>讓靈動氣韻成為你的鮮活名片。</p>
                                         </div>
                                     </div>
                                 </td>
@@ -588,36 +587,39 @@
             <div id="sec04-container" class="row row-cols-1 row-cols-md-4 g-4">
                 <div class="col">
                     <div class="card h-100">
-                        <img src="./img/sec04/sec04-4.jpg" class="card-img-top" alt="...">
+                        <a target="_blank" href="./artist-course.html"><img src="./img/sec04/sec04-4.jpg" class="card-img-top" alt="..."></a>
                         <div class="card-body">
-                            <h5 class="card-title">從王力宏的直播看線上課程的推動</h5>
+                            <a target="_blank" href="./artist-course.html"> <h5 class="card-title">從王力宏的直播看線上課程的推動</h5></a>
+                           
                             <p class="card-text">線上課程因為每一次的疫情再起助推了一波又一波的趨勢,7月王力宏在直播中公開這一次線上課程的發布,引起了課單價7000台幣、同時間三千多堂課的搶購,意外的再次掀起名人課的風潮。</p>
                         </div>
                     </div>
                 </div>
                 <div class="col">
                     <div class="card h-100">
-                        <img src="./img/sec04/sec04-1.png" class="card-img-top" alt="...">
+                        <a target="_blank" href="./top5-course-platform.html"><img src="./img/sec04/sec04-1.png" class="card-img-top" alt="..."></a>
                         <div class="card-body">
-                            <h5 class="card-title">5個國際最佳線上課程選擇</h5>
+                            <a target="_blank" href="./top5-course-platform.html"><h5 class="card-title">5個國際最佳線上課程選擇</h5></a>
+                           
                             <p class="card-text">2021 年5門國際最受好評的個人和專業發展課程、課程認證和培訓網站</p>
                         </div>
                     </div>
                 </div>
                 <div class="col">
                     <div class="card h-100">
-                        <img src="./img/sec04/sec01-2.png" class="card-img-top" alt="...">
+                        <a target="_blank" href="./beauty.html"> <img src="./img/sec04/sec01-2.png" class="card-img-top" alt="..."></a>
                         <div class="card-body">
-                            <h5 class="card-title">強推薦~生命洗禮後的變美課</h5>
+                            <a target="_blank" href="./beauty.html"><h5 class="card-title">強推薦~生命洗禮後的變美課</h5></a>
+                         
                             <p class="card-text">健康飲食真的很重要,節食和吃藥看似效果快,其實反彈起來更加可怕,分分鐘超過原來的體重。而運動沒效果,是因為我們女生肌肉少,能量消耗慢</p>
                         </div>
                     </div>
                 </div>
                 <div class="col">
                     <div class="card h-100">
-                        <img src="./img/sec04/sec04-3.png" class="card-img-top" alt="...">
+                        <a target="_blank" href="./writing-course.html"><img src="./img/sec04/sec04-3.png" class="card-img-top" alt="..."></a>
                         <div class="card-body">
-                            <h5 class="card-title">侯吉諒書法講堂:從零開始,學寫一手好字</h5>
+                            <a target="_blank" href="./writing-course.html"> <h5 class="card-title">侯吉諒書法講堂:從零開始,學寫一手好字</h5></a>
                             <p class="card-text">侯吉諒精通詩文、古典與現代文學、書法、繪畫,篆刻,為難得一見之全方位創作者,因長期接觸中西方各種藝術,在作品中深入古典而又具有強烈的現代意識,</p>
 
                         </div>
@@ -639,36 +641,36 @@
             <div id="sec04-moblie-container" class="row row-cols-1 row-cols-md-4 g-4">
                 <div class="col">
                     <div class="card h-100">
-                        <img src="./img/sec04/sec04-4.jpg" class="card-img-top" alt="...">
+                        <a target="_blank" href="./artist-course.html"><img src="./img/sec04/sec04-4.jpg" class="card-img-top" alt="..."></a>
                         <div class="card-body">
-                            <h5 class="card-title">從王力宏的直播看線上課程的推動</h5>
+                            <a target="_blank" href="./artist-course.html"> <h5 class="card-title">從王力宏的直播看線上課程的推動</h5></a>
                             <p class="card-text">線上課程因為每一次的疫情再起助推了一波又一波的趨勢,7月王力宏在直播中公開這一次線上課程的發布,引起了課單價7000台幣、同時間三千多堂課的搶購,意外的再次掀起名人課的風潮。</p>
                         </div>
                     </div>
                 </div>
                 <div class="col">
                     <div class="card h-100">
-                        <img src="./img/sec04/sec04-1.png" class="card-img-top" alt="...">
+                        <a target="_blank" href="./top5-course-platform.html"><img src="./img/sec04/sec04-1.png" class="card-img-top" alt="..."></a>
                         <div class="card-body">
-                            <h5 class="card-title">5個國際最佳線上課程選擇</h5>
+                            <a target="_blank" href="./top5-course-platform.html"><h5 class="card-title">5個國際最佳線上課程選擇</h5></a>
                             <p class="card-text">2021 年5門國際最受好評的個人和專業發展課程、課程認證和培訓網站</p>
                         </div>
                     </div>
                 </div>
                 <div class="col">
                     <div class="card h-100">
-                        <img src="./img/sec04/sec01-2.png" class="card-img-top" alt="...">
+                        <a target="_blank" href="./beauty.html"> <img src="./img/sec04/sec01-2.png" class="card-img-top" alt="..."></a>
                         <div class="card-body">
-                            <h5 class="card-title">強推薦~生命洗禮後的變美課</h5>
+                            <a target="_blank" href="./beauty.html"><h5 class="card-title">強推薦~生命洗禮後的變美課</h5></a>
                             <p class="card-text">健康飲食真的很重要,節食和吃藥看似效果快,其實反彈起來更加可怕,分分鐘超過原來的體重。而運動沒效果,是因為我們女生肌肉少,能量消耗慢</p>
                         </div>
                     </div>
                 </div>
                 <div class="col">
                     <div class="card h-100">
-                        <img src="./img/sec04/sec04-3.png" class="card-img-top" alt="...">
+                        <a target="_blank" href="./writing-course.html"><img src="./img/sec04/sec04-3.png" class="card-img-top" alt="..."></a>
                         <div class="card-body">
-                            <h5 class="card-title">侯吉諒書法講堂:從零開始,學寫一手好字</h5>
+                            <a target="_blank" href="./writing-course.html"> <h5 class="card-title">侯吉諒書法講堂:從零開始,學寫一手好字</h5></a>
                             <p class="card-text">侯吉諒精通詩文、古典與現代文學、書法、繪畫,篆刻,為難得一見之全方位創作者,因長期接觸中西方各種藝術,在作品中深入古典而又具有強烈的現代意識,</p>
 
                         </div>

+ 36 - 4
style.css

@@ -741,6 +741,18 @@
   width: 45%;
 }
 
+#sec04 #sec04-container a {
+  text-decoration: none;
+  color: #000;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  cursor: pointer;
+}
+
+#sec04 #sec04-container a:hover {
+  color: #eb144c;
+}
+
 #sec04 #sec04-container .card {
   -webkit-box-shadow: 0 10px 1px #eb144c;
           box-shadow: 0 10px 1px #eb144c;
@@ -818,6 +830,18 @@
   margin: 10px;
 }
 
+#sec04-moblie #sec04-moblie-container .col a {
+  text-decoration: none;
+  color: #000;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  cursor: pointer;
+}
+
+#sec04-moblie #sec04-moblie-container .col a:hover {
+  color: #eb144c;
+}
+
 #sec04-moblie #sec04-moblie-container .col .card {
   -webkit-box-shadow: 0 10px 1px #eb144c;
           box-shadow: 0 10px 1px #eb144c;
@@ -932,8 +956,15 @@
 }
 
 #sec05 #sec05-container #sec05-course a {
+  text-decoration: none;
   color: #000;
-  font-weight: 900;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+  cursor: pointer;
+}
+
+#sec05 #sec05-container #sec05-course a:hover {
+  color: #eb144c;
 }
 
 #sec05 #sec05-container #sec05-course img {
@@ -1256,7 +1287,7 @@
 }
 
 #sec10 .side-bar a:hover {
-  color: #2828ff;
+  color: #eb144c;
 }
 
 #sec10 .side-bar h5 {
@@ -1281,12 +1312,13 @@
 }
 
 #sec11 #sec11-container a:hover {
-  color: #2828ff;
+  color: #eb144c;
 }
 
 #sec11 #sec11-container h1 {
+  color: #e02d4b;
   font-weight: 900;
-  font-size: 28px;
+  font-size: 36px;
 }
 
 @media screen and (max-width: 767px) {

Разница между файлами не показана из-за своего большого размера
+ 0 - 0
style.css.map


+ 28 - 4
style.scss

@@ -614,6 +614,15 @@ $navbgcolor: #eb144c;
         width: 45%;
     }
     #sec04-container {
+        a {
+            text-decoration: none;
+            color: #000;
+            transition: 0.3s;
+            cursor: pointer;
+            &:hover {
+                color:$navbgcolor;
+            }
+        }
         .card {
             box-shadow: 0 10px 1px $navbgcolor;
             border-radius: 10px;
@@ -675,6 +684,15 @@ $navbgcolor: #eb144c;
         padding-top: 10vw;
         .col {
             margin: 10px;
+            a {
+                text-decoration: none;
+                color: #000;
+                transition: 0.3s;
+                cursor: pointer;
+                &:hover {
+                    color:$navbgcolor;
+                }
+            }
             .card {
                 img {
                     height: 150px;
@@ -772,8 +790,13 @@ $navbgcolor: #eb144c;
         #sec05-course {
            
             a {
+                text-decoration: none;
                 color: #000;
-                font-weight: 900;
+                transition: 0.3s;
+                cursor: pointer;
+                &:hover {
+                    color:$navbgcolor;
+                }
             }
             img {
                 
@@ -1020,7 +1043,7 @@ $navbgcolor: #eb144c;
             transition: 0.3s;
             cursor: pointer;
             &:hover {
-                color: #2828ff;
+                color: $navbgcolor;
             }
         }
         h5 {
@@ -1040,12 +1063,13 @@ $navbgcolor: #eb144c;
             transition: 0.3s;
             cursor: pointer;
             &:hover {
-                color: #2828ff;
+                color:$navbgcolor;
             }
         }
         h1 {
+            color: #e02d4b;
             font-weight: 900;
-            font-size: 28px;
+            font-size: 36px;
         }
         width: 85vw;
         .sec11-01 {

+ 363 - 0
top5-course-platform.html

@@ -0,0 +1,363 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <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">
+    <meta name="copyright" content="2021 © Opentalk │ All Rights Reserved.">
+    <meta name="creation-date" content="2021-07-09 12:00:04 GTM+8">
+    <meta name="description" content="">
+    <meta name="distribution" content="Taiwan">
+    <meta name="keywords" content="">
+    <meta name="revisit-after" content="1 days">
+    <meta name="robots" content="all">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="author" content="Choozmo">
+
+    <meta property="og:image" content="" />
+    <meta property="og:description" content="" />
+    <meta property="og:site_name" content="Opentalk" />
+    <meta property="og:title" content="" />
+    <meta property="og:type" content="website" />
+    <title>5個國際最佳線上課程選擇</title>
+
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
+    <link rel="stylesheet" href="./style.css">
+</head>
+
+<body>
+    <section id="Navigation" class="container-fluid">
+        <div id="nav" class="row">
+            <div id="logo" class=" col-md-2 col-lg-2">
+                <a href=""> <img src="./img/logo03_png.png" alt=""></a>
+            </div>
+            <div id="link" class="col-md-10 col-lg-10">
+                <a data-gt-target="#sec01 " data-gt-duration="500" data-gt-offset="100">最新課程</a>
+                <a data-gt-target="#sec02" data-gt-duration="800" data-gt-offset="180">TOP 10 熱門課程</a>
+                <a data-gt-target="#sec04" data-gt-duration="500" data-gt-offset="150">專欄報導</a>
+                <a data-gt-target="#sec05" data-gt-duration="500" data-gt-offset="100">課程分類</a>
+                <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="80">合作對象</a>
+                <a data-gt-target="#footer" data-gt-duration="500" data-gt-offset="50">聯絡我們</a>
+            </div>
+            <img id="menu-btn1" src="./img/menu.png" alt="">
+        </div>
+    </section>
+    <div id="menu-box" class="container-fluid" style="padding:0;margin:0 ">
+        <div id="menu-box2">
+            <div style="text-align: right;">
+                <img class="close" src="./img/close.png" alt="">
+            </div>
+            <a class="link" data-gt-target="#sec01" data-gt-duration="500" data-gt-offset="0"
+                style="padding-top: 3vw;">最新課程</a>
+            <hr>
+            <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">TOP10 熱門課程</a>
+            <hr>
+            <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500" data-gt-offset="60">專欄報導</a>
+            <hr>
+            <a class="link" data-gt-target="#sec05-moblie" data-gt-duration="500" data-gt-offset="60">課程分類</a>
+            <hr>
+            <a class="link" data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">合作對象</a>
+            <hr>
+            <a class="link" data-gt-target="#footer" data-gt-duration="500" data-gt-offset="">聯絡我們</a>
+            <hr>
+
+        </div>
+
+    </div>
+
+    <section class="py-5 bg-white mb-5"></section>
+    <section id="adv01" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <a target="_blank" href="">
+                <img class="img-fluid" src="./img/sec05img1.webp" alt="">
+            </a>
+        </div>
+    </section>
+
+    <section id="sec10" class="pt-3">
+        <div class="row">
+            <div class="content col-lg-7">
+                <h1 class="sec10-title">
+                    5個國際最佳線上課程選擇
+                </h1>
+                <p class="card-text"><small class="text-muted">By Opentalk</small></p>
+                <img class="m-1" style="width: 20px;" src="./img/time.png" alt=""><span>2021/8/6</span>
+                <hr>
+                <a target="_blank" href="">
+                    <img class="img-fluid" src="./img/sec10/nick-morrison-FHnnjk1Yj7Y-unsplash.jpg" alt="">
+                </a>
+                <a target="_blank" href=""></a>
+               
+                <div class="sec10-content mt-3">
+                    <h2 style="font-weight: 900;" class="my-3">1.耶魯大學的幸福科學</h2>
+                    <img class="img-fluid" src="./img/sec10/p1.png" alt="">
+                    <p>這是耶魯317年曆史上最受歡迎的課程,現在所有人都可以免費參加。</p>
+                    <p>耶魯大學心理學教授勞裡•桑托斯 (Laurie Santos) 於 2018 年春季將這門課稱為“心理學與美好生活”,以幫助學生應對生活中不斷上升的焦慮、抑鬱和壓力。這門課立刻變得如此受歡迎,以至於幾乎四分之一的耶魯本科生在學期間都就讀了它。</p>
+                    <p>隨著媒體對課程內容的訪問需求不斷增加,桑托斯教授為 Coursera 創建了一個名為“幸福科學”的課程迭代,以便讓更廣泛的受眾受益。</p>
+                    <p>在這門課程中,Santos 收集了所有的心理學知識,並提出了一個逐步提高幸福感的過程。該課程側重於積極心理學——使人類蓬勃發展的特徵、行為改變,或應用這些課程在生活中。</p>
+                    <p>課程連結:<a target="_blank" href="https://reurl.cc/2r3xxn">https://reurl.cc/2r3xxn</a></p>
+                    <h2 style="font-weight: 900;" class="my-3">2.學習如何學習:強大的心理工具,幫助您掌握棘手的科目</h2>
+                    <img class="img-fluid" src="./img/sec10/p2.png" alt="">
+                    <p>該課程是 Coursera 上最受歡迎和最受歡迎的課程,註冊了近 200 萬學生。它由著名教授 Barbara Oakley 博士和 Terrence Sejnowski 博士講授。奧克利博士描述了她如何在小學、初中和高中數學和科學中不及格,後來重新調整了她的大腦,並通過解釋現代神經科學的一些關鍵原則,將幫助他人學習如何學習作為她的畢生工作。她以非常友好和富有洞察力的方式</p>
+                    <ul>
+                        <li>大腦如何使用兩種截然不同的學習模式——專注模式和分散模式</li>
+                        <li>大腦如何封裝(“塊”)信息</li>
+                        <li>能力的錯覺(你的思想如何愚弄你)</li>
+                        <li>記憶技巧</li>
+                        <li>處理拖延症</li>
+                        <li>文藝復興學習</li>
+                    </ul>
+                    <p>課程連結:<a target="_blank" href="https://reurl.cc/qg3zzn">https://reurl.cc/qg3zzn</a></p>
+                    <h2 style="font-weight: 900;" class="my-3">3.沃頓商學院(Coursera)實現個人和職業成功專業化</h2>
+                    <img class="img-fluid" src="./img/sec10/p3.png" alt="">
+                    <p>本專業課程以賓夕法尼亞大學沃頓商學院教授的四門最受歡迎的課程為基礎,旨在幫助您利用沃頓商學院教授的技巧和練習,最大限度地發揮自己的潛力,並在個人和職業生活中取得更大的成功。</p>
+                    <p>本課程教授學生利用關鍵技能,幫助他們更有效地駕馭社交世界。</p>
+                    <p>完成本專業化課程後,學習者將能夠定義成功對他們的意義,找到他們的激情和核心價值觀,在家庭和工作中應用這些價值觀和原則,與他人合作良好,有效溝通,設定目標並影響他人實現他們的目標。</p>
+                    <p>雖然許多商業課程只涵蓋與成功的組織實踐相關的主題,但這些課程提供了對在職業和個人生活中都有效的成功個人實踐的關鍵見解。</p>
+                    <p>該專業包括以下四門課程,順序很重要:</p>
+                    <h3 style="font-weight: 900;" class="my-3" >1.成功</h3>
+                    <p>這門課程是關於定義目標和理解你的目標如何與你自己的長期形象聯繫起來。它由沃頓商學院教授 G. Richard Shell 設計,他是一位屢獲殊榮的作家,也是沃頓商學院關於成功意義的流行課程的創造者。</p>
+                    <p>學習者表示,Richard Shell 的課程和高管培訓計劃改變了他們的生活。在本課程中,殼牌提供個性化評估,幫助您探索過去、想像未來並衡量自己的優勢。</p>
+                    <h3 style="font-weight: 900;" class="my-3" >2.提高溝通技巧</h3>
+                    <p>這是一門由屢獲殊榮的沃頓商學院教授和暢銷書作家莫里斯•施魏策爾教授的必修課。</p>
+                    <p>它為您提供了提高溝通技巧所需的工具,以及利用它們為您帶來優勢的最成功策略。</p>
+                    <p>確實可以幫助您了解如何看待他人的觀點、信任來自何處以及如何建立關係。</p>
+                    <h3 style="font-weight: 900;" class="my-3" >3.過你想要的生活</h3>
+                    <p>由著名的沃頓商學院教授、暢銷書作家、前福特汽車公司高管兼領導力發展中心負責人 Stew Friedman 教授,本課程為您提供在所有四個領域領導所需的技能你的生活:在工作、家庭、社區和你的私人自我(思想、身體和精神)中。它談論如何激勵他人和不同的個性特徵,關於堅持和設想可以幫助你成為領導者的事情。</p>
+                    <h3 style="font-weight: 900;" class="my-3" >4.影響力</h3>
+                    <p>沃頓商學院的 Cade Massey 教授設計了這門課程,以幫助您學習如何發展影響力並更有效地實現您的組織目標。他幫助您了解權力和影響力的框架以及有效網絡的動態,並向您展示如何發展說服和影響力的技能。</p>
+                    <p>課程連結:<a target="_blank" href="https://reurl.cc/noR66d">https://reurl.cc/noR66d</a></p>
+                    <h2 style="font-weight: 900;" class="my-3">4.神經可塑性:如何重新連接你的大腦 (Udemy)</h2>
+                    <img class="img-fluid" src="./img/sec10/p4.png" alt="">
+                    <p>Gregory 是一位心理學家,擁有溝通碩士學位,專攻神經認知和行為方法。他是布魯塞爾(比利時)神經認知主義研究所的前任主任。他是腦科學領域的專家,並以非常實用的方法創建了這門課程。</p>
+                    <p>他使用日常語言和大量幽默使如此復雜的話題對任何人都易於理解和理解。他以一種人們可以輕鬆使用並將其應用到日常生活中的方式提供內容。</p>
+                    <p>本課程探索尖端的大腦研究,從豐富的環境到植入記憶,以及習慣的解剖。它包含以下具體工具,可幫助將研究立即應用於我們的生活:</p>
+                    <ul>
+                        <li>超過 30 種刺激大腦活動的練習</li>
+                        <li>形成新習慣或改變現有習慣的詳細藍圖</li>
+                        <li>關於如何克服拖延的完整章節</li>
+                        <li>逐步消除痛苦記憶的方法</li>
+                    </ul>
+                    <p>本課程承諾讓參與者親身體驗神經可塑性,幫助他們重新獲得生活中想要的東西,</p>
+                    <p>課程連結:<a target="_blank" href="https://reurl.cc/2rvM4r">https://reurl.cc/2rvM4r</a></p>
+                    <h2 style="font-weight: 900;" class="my-3">5.超越工作與生活的平衡——包容性領導力培訓 (edX)</h2>
+                    <img class="img-fluid" src="./img/sec10/p5.png" alt="">
+                    <p>隨著當今快節奏的生活,大多數人都在努力有效地管理工作和休息。這門在線學習平台 edX 課程旨在幫助您培養超越平衡的技能,並實現個人和領導者的工作與生活效率。</p>
+                    <p>本課程是 Catalyst 包容性領導力專業證書的一部分,Catalyst 是領先的非營利組織,致力於通過工作場所包容性來加速女性的職業進步。</p>
+                    <p>該課程側重於包容性領導在創造靈活和高效的工作環境中的重要性。它包括來自各種情況的大量研究和現實世界的例子,通過這些例子,您將學習管理工作場所靈活性的策略。</p>
+                    <p>您會驚訝地發現,作為個人、團隊成員或領導者,您如何擁有做出積極改變的力量。您將了解靈活工作環境的價值,並了解是什麼讓成功的靈活員工和管理人員與眾不同。</p>
+                    <p>課程材料包括視頻講座、引人入勝的案例研究和簡短的測驗,以建立您在每個部分的知識。您將有機會分享您的經驗,並與其他學生就各種主題進行討論,例如交流、技術、打破神話、挑戰和解決方案。</p>
+                    <p>在課程中,您將為自己制定一個工作生活計劃,以便您可以應用在現實生活中獲得的策略和技能來更好地管理與工作和個人生活相關的責任。</p>
+                    <p>課程連結:<a target="_blank" href="https://reurl.cc/qgX99n">https://reurl.cc/qgX99n</a></p>
+                </div>
+            </div>
+                <div class="col-lg-1"></div>
+                <!-- 側邊攔 -->
+                <div class="side-bar col-lg-4">
+                    <hr>
+                    <h1>TOP5熱門課程</h1>
+                    
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/camera">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261443905469682.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/camera">
+                            <h5 class="card-title pt-3">12堂小白手機攝影课_一天提升手機技能晉升攝影大神</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.5hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/drppt8">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261456953535905.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/drppt8">
+                            <h5 class="card-title  pt-3">靠PPT設計翻身年收破百萬,被你老板、同事、客戶驚豔全場的8堂課</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.9hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2580</small>
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/beauty12">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/162614397863322.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/beauty12">
+                            <h5 class="card-title  pt-3">超級逆齡煥顏術_女人我最大長駐示範老師</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>3.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261442236899505.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
+                            <h5 class="card-title pt-3">借茶修為以茶養德</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.7hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
+                        </p>
+                    </div>
+                    <div class="card-body">
+                        <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
+                            <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261435011242971.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
+                            <h5 class="card-title  pt-3">有氧廋身塑形操_每天居家15分鐘跳出好身材</h5>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>7.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
+                        </p>
+                    </div>
+                    <hr>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"> <img class="img-fluid my-3"
+                            src="./img/adv/adv3-1.webp" alt=""></a>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"> <img
+                            class="img-fluid my-3" src="./img/adv/adv3-2.webp" alt=""></a>
+                    <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"> <img
+                            class="img-fluid my-3" src="./img/adv/adv3-3.webp" alt=""></a>
+                </div>
+            </div>
+    </section>
+    <!-- <section id="adv02" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <img class="img-fluid" src="./img/sec01/218116504_124830393175329_4675674980376029305_n.jpg" alt="">
+        </div>
+    </section> -->
+    <section id="sec11">
+
+        <div id="sec11-container" class="container-fluid px-0 py-5">
+            <h1>精選課程</h1>
+            <div class="sec11-01 row row-col-1 row-cols-sm-2">
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261454066915536.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <h2 class="my-3">12堂即學即用的朋友圈掘金術</h2>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>6.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1280</small>
+                        </p>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/starface">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16286038525257046.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://opentalk.center/courses/starface">
+                                <h2 class="my-3">中醫養顏凍齡術-劉詩詩佟麗娅明星御用中醫師</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.5hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1380</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/vs_slim">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16286043185757644.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://opentalk.center/courses/vs_slim">
+                                <h2 class="my-3">維密超模減脂塑形終極大課_4大瘦身塑形法</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1680</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/15hr">
+                                <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261455481186454.jpg"
+                                    alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
+                                <h2 class="my-3">"人事經理親授:15個職場逆襲法則_幫你倍速加薪突破瓶頸"</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>3.5hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$999</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+
+        </div>
+    </section>
+
+    <footer id="footer" class="container-fluid" style="padding:0;margin:0">
+        <div class="text" style="padding-right:0;">
+            <a target="_blank" href="mailto:nftboard.info@gmail.com">
+                <h2>客服信箱:nftboard.info@gmail.com</h2>
+            </a>
+            <h2>公司名稱:微生活知識科技公司</h2>
+            <p>Opentakk &copy; All Rights Reserved.</p>
+        </div>
+    </footer>
+
+
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+        crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    <script src="./goto.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.js"></script>
+</body>
+
+</html>

+ 337 - 0
writing-course.html

@@ -0,0 +1,337 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <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">
+    <meta name="copyright" content="2021 © Opentalk │ All Rights Reserved.">
+    <meta name="creation-date" content="2021-07-09 12:00:04 GTM+8">
+    <meta name="description" content="">
+    <meta name="distribution" content="Taiwan">
+    <meta name="keywords" content="">
+    <meta name="revisit-after" content="1 days">
+    <meta name="robots" content="all">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="author" content="Choozmo">
+
+    <meta property="og:image" content="" />
+    <meta property="og:description" content="" />
+    <meta property="og:site_name" content="Opentalk" />
+    <meta property="og:title" content="" />
+    <meta property="og:type" content="website" />
+    <title>侯吉諒書法講堂:從零開始,學寫一手好字</title>
+
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
+    <link rel="stylesheet" href="./style.css">
+</head>
+
+<body>
+    <section id="Navigation" class="container-fluid">
+        <div id="nav" class="row">
+            <div id="logo" class=" col-md-2 col-lg-2">
+                <a href=""> <img src="./img/logo03_png.png" alt=""></a>
+            </div>
+            <div id="link" class="col-md-10 col-lg-10">
+                <a data-gt-target="#sec01 " data-gt-duration="500" data-gt-offset="100">最新課程</a>
+                <a data-gt-target="#sec02" data-gt-duration="800" data-gt-offset="180">TOP 10 熱門課程</a>
+                <a data-gt-target="#sec04" data-gt-duration="500" data-gt-offset="150">專欄報導</a>
+                <a data-gt-target="#sec05" data-gt-duration="500" data-gt-offset="100">課程分類</a>
+                <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="80">合作對象</a>
+                <a data-gt-target="#footer" data-gt-duration="500" data-gt-offset="50">聯絡我們</a>
+            </div>
+            <img id="menu-btn1" src="./img/menu.png" alt="">
+        </div>
+    </section>
+    <div id="menu-box" class="container-fluid" style="padding:0;margin:0 ">
+        <div id="menu-box2">
+            <div style="text-align: right;">
+                <img class="close" src="./img/close.png" alt="">
+            </div>
+            <a class="link" data-gt-target="#sec01" data-gt-duration="500" data-gt-offset="0"
+                style="padding-top: 3vw;">最新課程</a>
+            <hr>
+            <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">TOP10 熱門課程</a>
+            <hr>
+            <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500" data-gt-offset="60">專欄報導</a>
+            <hr>
+            <a class="link" data-gt-target="#sec05-moblie" data-gt-duration="500" data-gt-offset="60">課程分類</a>
+            <hr>
+            <a class="link" data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">合作對象</a>
+            <hr>
+            <a class="link" data-gt-target="#footer" data-gt-duration="500" data-gt-offset="">聯絡我們</a>
+            <hr>
+
+        </div>
+
+    </div>
+
+    <section class="py-5 bg-white mb-5"></section>
+    <section id="adv01" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <a target="_blank" href="">
+                <img class="img-fluid" src="./img/sec05img1.webp" alt="">
+            </a>
+        </div>
+    </section>
+
+    <section id="sec10" class="pt-3">
+        <div class="row">
+            <div class="content col-lg-7">
+                <h1 class="sec10-title">
+                    侯吉諒書法講堂:從零開始,學寫一手好字
+                </h1>
+                <p class="card-text"><small class="text-muted">By Opentalk</small></p>
+                <img class="m-1" style="width: 20px;" src="./img/time.png" alt=""><span>2021/8/6</span>
+                <hr>
+                <a target="_blank" href="https://reurl.cc/KAvK7R">
+                    <img class="img-fluid" src="./img/sec04/sec04-3.png" alt="">
+                </a>
+
+
+                <div class="sec10-content mt-3">
+                    <p>侯吉諒,男,1958年生,台灣嘉義縣人,台南一中、中興大學食品科學系畢業。1991年拜入江氏靈漚館門下,為江派關門弟子。</p>
+                    <p>曾任「時報周刊」編輯、《創世紀》詩刊主編、「聯合報」副刊編輯、「海風出版社」總編輯,「明日工作室」出版社副總經理、「未來書城」出版社總經理。</p>
+                    <p>現專職詩詞、散文、書法、水墨,及篆刻等藝術創作,並長期致力筆墨、紙張的材料研究,與書法創作教學。</p>
+                    <p>曾獲三次中國時報「時報文學獎」;「國軍文藝金像獎」、空軍「藍天美展」書法獎、全國優秀青年詩人獎、年度詩人獎等。</p>
+                    <p>已在台灣、日本、美國舉行多次個展,於2004年4月,應邀至美國華盛頓展覽,並在美國國務院、馬里蘭大學演講及創作示範「一張畫的完成」。</p>
+                    <p>侯吉諒精通詩文、古典與現代文學、書法、繪畫,篆刻,為難得一見之全方位創作者,因長期接觸中西方各種藝術,在作品中深入古典而又具有強烈的現代意識,</p>
+                    <p>自由運用各種藝術語言的轉化,亦成為侯吉諒創作的主要風格及特色。</p>
+                    <p>你可以學到</p>
+                    <ul>
+                        <li>認識書法與書法的基本元素,建立寫書法的正確觀念與方法。</li>
+                        <li>掌握書法工具的特性、使用與保養方法。</li>
+                        <li>以幾何原理拆解漢字結構,進而掌握寫好書法的關鍵技法。</li>
+                        <li>透過課程的作業以及自我持續練習,感受脫胎換骨的書寫成就感。</li>
+                        <li>瞭解欣賞與看懂書法的秘訣。</li>
+                        <li>將書法結合生活,增進硬筆字的書寫技巧與美感。</li>
+                    </ul>
+                    <p>課程連結:<a target="_blank" href="https://reurl.cc/KAvK7R">https://reurl.cc/KAvK7R</a></p>
+                </div>
+            </div>
+            <div class="col-lg-1"></div>
+            <!-- 側邊攔 -->
+            <div class="side-bar col-lg-4">
+                <hr>
+                <h1>TOP5熱門課程</h1>
+
+                <div class="card-body">
+                    <a target="_blank" href="https://opentalk.center/courses/camera">
+                        <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261443905469682.jpg"
+                            alt="">
+                    </a>
+                    <a target="_blank" href="https://opentalk.center/courses/camera">
+                        <h5 class="card-title pt-3">12堂小白手機攝影课_一天提升手機技能晉升攝影大神</h5>
+                    </a>
+                    <p class="card-text row">
+                        <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                alt=""><span>0.5hr</span>
+                        </small>
+                        <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
+                    </p>
+                </div>
+                <div class="card-body">
+                    <a target="_blank" href="https://opentalk.center/courses/drppt8">
+                        <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261456953535905.jpg"
+                            alt="">
+                    </a>
+                    <a target="_blank" href="https://opentalk.center/courses/drppt8">
+                        <h5 class="card-title  pt-3">靠PPT設計翻身年收破百萬,被你老板、同事、客戶驚豔全場的8堂課</h5>
+                    </a>
+                    <p class="card-text row">
+                        <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                alt=""><span>0.9hr</span>
+                        </small>
+                        <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2580</small>
+                    </p>
+                </div>
+                <div class="card-body">
+                    <a target="_blank" href="https://opentalk.center/courses/beauty12">
+                        <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/162614397863322.jpg"
+                            alt="">
+                    </a>
+                    <a target="_blank" href="https://opentalk.center/courses/beauty12">
+                        <h5 class="card-title  pt-3">超級逆齡煥顏術_女人我最大長駐示範老師</h5>
+                    </a>
+                    <p class="card-text row">
+                        <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                alt=""><span>3.2hr</span>
+                        </small>
+                        <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
+                    </p>
+                </div>
+                <div class="card-body">
+                    <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
+                        <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261442236899505.jpg"
+                            alt="">
+                    </a>
+                    <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
+                        <h5 class="card-title pt-3">借茶修為以茶養德</h5>
+                    </a>
+                    <p class="card-text row">
+                        <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                alt=""><span>0.7hr</span>
+                        </small>
+                        <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
+                    </p>
+                </div>
+                <div class="card-body">
+                    <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
+                        <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261435011242971.jpg"
+                            alt="">
+                    </a>
+                    <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
+                        <h5 class="card-title  pt-3">有氧廋身塑形操_每天居家15分鐘跳出好身材</h5>
+                    </a>
+                    <p class="card-text row">
+                        <small class="text-muted col-6">
+                            <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                alt=""><span>7.2hr</span>
+                        </small>
+                        <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
+                    </p>
+                </div>
+                <hr>
+                <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"> <img class="img-fluid my-3"
+                        src="./img/adv/adv3-1.webp" alt=""></a>
+                <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"> <img
+                        class="img-fluid my-3" src="./img/adv/adv3-2.webp" alt=""></a>
+                <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"> <img
+                        class="img-fluid my-3" src="./img/adv/adv3-3.webp" alt=""></a>
+            </div>
+        </div>
+    </section>
+    <!-- <section id="adv02" class="py-5 bg-light">
+        <div class="adv01-1 container-fluid">
+            <img class="img-fluid" src="./img/sec01/218116504_124830393175329_4675674980376029305_n.jpg" alt="">
+        </div>
+    </section> -->
+    <section id="sec11">
+
+        <div id="sec11-container" class="container-fluid px-0 py-5">
+            <h1>精選課程</h1>
+            <div class="sec11-01 row row-col-1 row-cols-sm-2">
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <img class="sec11-img img-fluid rounded-3"
+                                src="https://welife.asia:8002/static/cover_img/16261454066915536.jpg" alt="">
+                        </a>
+                        <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
+                            <h2 class="my-3">12堂即學即用的朋友圈掘金術</h2>
+                        </a>
+                        <p class="card-text row">
+                            <small class="text-muted col-6">
+                                <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                    alt=""><span>6.2hr</span>
+                            </small>
+                            <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1280</small>
+                        </p>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/starface">
+                                <img class="sec11-img img-fluid rounded-3"
+                                    src="https://welife.asia:8002/static/cover_img/16286038525257046.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://opentalk.center/courses/starface">
+                                <h2 class="my-3">中醫養顏凍齡術-劉詩詩佟麗娅明星御用中醫師</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                    <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                        alt=""><span>0.5hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1380</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/vs_slim">
+                                <img class="sec11-img img-fluid rounded-3"
+                                    src="https://welife.asia:8002/static/cover_img/16286043185757644.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://opentalk.center/courses/vs_slim">
+                                <h2 class="my-3">維密超模減脂塑形終極大課_4大瘦身塑形法</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                    <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                        alt=""><span>0hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1680</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col my-3">
+                    <div class="card mb-3 p-1 h-100 border-0">
+                        <div class="col">
+                            <a target="_blank" href="https://opentalk.center/courses/15hr">
+                                <img class="sec11-img img-fluid rounded-3"
+                                    src="https://welife.asia:8002/static/cover_img/16261455481186454.jpg" alt="">
+                            </a>
+                            <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
+                                <h2 class="my-3">"人事經理親授:15個職場逆襲法則_幫你倍速加薪突破瓶頸"</h2>
+                            </a>
+                            <p class="card-text row">
+                                <small class="text-muted col-6">
+                                    <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"
+                                        alt=""><span>3.5hr</span>
+                                </small>
+                                <small style="color:#eb144c; font-size:20px;" class="col-6">NT$999</small>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+
+        </div>
+    </section>
+
+    <footer id="footer" class="container-fluid" style="padding:0;margin:0">
+        <div class="text" style="padding-right:0;">
+            <a target="_blank" href="mailto:nftboard.info@gmail.com">
+                <h2>客服信箱:nftboard.info@gmail.com</h2>
+            </a>
+            <h2>公司名稱:微生活知識科技公司</h2>
+            <p>Opentakk &copy; All Rights Reserved.</p>
+        </div>
+    </footer>
+
+
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+        crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    <script src="./goto.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
+    <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.js"></script>
+</body>
+
+</html>

Некоторые файлы не были показаны из-за большого количества измененных файлов