|
|
@@ -33,7 +33,7 @@
|
|
|
<body>
|
|
|
<div id="opentalk-content">
|
|
|
<section id="Navigation" class="container-fluid mx-0 px-0">
|
|
|
-
|
|
|
+
|
|
|
<div id="nav" class="row px-0 mx-0">
|
|
|
<div id="logo" class="col-md-2 col-lg-2 px-0">
|
|
|
<a style="color:#fff ;text-decoration: none;" href="./index.html">
|
|
|
@@ -45,7 +45,7 @@
|
|
|
<a data-gt-target="#sec02" data-gt-duration="800" data-gt-offset="180">熱門課程</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="#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="">
|
|
|
@@ -57,10 +57,10 @@
|
|
|
<div class="col-11 col-lg-11">
|
|
|
<p class="text-center">愛學習折扣| 購買课程最低僅需 NT$330，可以獲得折扣课程的最後一天。僅剩<span id="hours"></span>小時<span
|
|
|
id="minutes"></span>分鐘<span id="seconds" style="border: none;"></span>秒。</p>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
- <div class="col-1 col-lg-1 d-flex align-items-baseline px-0 mx-0"><img class="close-adv" width="16px"
|
|
|
- src="./img/close2.png" alt=""></div>
|
|
|
+ <div class="col-1 col-lg-1 d-flex align-items-baseline px-0 mx-0"><img class="close-adv"
|
|
|
+ width="16px" src="./img/close2.png" alt=""></div>
|
|
|
</div>
|
|
|
</section>
|
|
|
<div class="row mx-0 px-0">
|
|
|
@@ -85,12 +85,12 @@
|
|
|
name="tags" value="22" style="width:15px;height:15px;"></label>
|
|
|
<label for="15" class="selector1">享受生活<input type="checkbox" class="selecbox ms-1" id="15"
|
|
|
name="tags" value="15" style="width:15px;height:15px;"></label>
|
|
|
-
|
|
|
+
|
|
|
<input class="email-subbtn my-3 " style="opacity: 1;" type="submit" value="領取折扣碼">
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</form>
|
|
|
</div>
|
|
|
<div class="secbanner col-12 order-1 col-lg-7 order-lg-2 d-flex align-items-center px-0 mx-0">
|
|
|
@@ -114,10 +114,10 @@
|
|
|
<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" 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>
|
|
|
+ <a class="link" data-gt-target="#sec05-m" 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>
|
|
|
|
|
|
@@ -131,10 +131,10 @@
|
|
|
<hr class="line">
|
|
|
</div>
|
|
|
<div id="sec01-container" class="row row-cols-1 row-cols-md-4 g-4">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</section>
|
|
|
<!-- 最新課程 手機板 -->
|
|
|
@@ -226,7 +226,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</section>
|
|
|
<!--排名區塊Top-box- 手機板-->
|
|
|
<section id="sec02-moblie">
|
|
|
@@ -240,7 +240,7 @@
|
|
|
<div class="sec02-box1 col-4 order-2">
|
|
|
<a target="_blank"
|
|
|
href="https://www.masterclass.com/classes/bobbi-brown-teaches-makeup-and-beauty">
|
|
|
-
|
|
|
+
|
|
|
<img class="" id="top1" src="./img/sec02/sec02-1.png" alt="">
|
|
|
</a>
|
|
|
<div class="sec02-top-text"><span>1</span>Bobbi</div>
|
|
|
@@ -249,7 +249,7 @@
|
|
|
<div class="sec02-box1 col-4 order-1">
|
|
|
<a target="_blank"
|
|
|
href="https://www.masterclass.com/classes/gordon-ramsay-teaches-cooking-restaurant-recipes-at-home">
|
|
|
-
|
|
|
+
|
|
|
<img width="110px;" src="./img/sec02/sec02-2.png" alt="">
|
|
|
</a>
|
|
|
<div class="sec02-top-text"><span>2</span>Gordon</div>
|
|
|
@@ -258,7 +258,7 @@
|
|
|
<div class="sec02-box1 col-4 order-3">
|
|
|
<a target="_blank"
|
|
|
href="https://www.masterclass.com/classes/jane-goodall-teaches-conservation">
|
|
|
-
|
|
|
+
|
|
|
<img width="115px;" src="./img/sec02/sec02-3-removebg-preview.png" alt="">
|
|
|
</a>
|
|
|
<div class="sec02-top-text"><span>3</span>Dr. Jane</div>
|
|
|
@@ -291,7 +291,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">2</th>
|
|
|
@@ -309,28 +309,28 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">3</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/beauty12"> <img
|
|
|
src="./img/teacher/t10.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/beauty12">
|
|
|
<h1 class="fw-bold">超級逆齡煥顏術</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>女人我最大長駐示範老師</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">4</th>
|
|
|
@@ -347,14 +347,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">5</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/aerobic-cat"> <img
|
|
|
src="./img/teacher/t11.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/aerobic-cat">
|
|
|
@@ -362,13 +362,13 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
<div>
|
|
|
-
|
|
|
+
|
|
|
<p>每天居家15分鐘跳出好身材 </p>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
@@ -381,40 +381,40 @@
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/pronunciation"><img
|
|
|
src="./img/teacher/t6.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/pronunciation">
|
|
|
<h1 class="fw-bold">3個月練出ICRT主播流暢口音</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>帶你打磨發音、提升聽力、勇敢開口</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">7</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/tea-spirit"> <img
|
|
|
src="./img/teacher/t3.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/tea-spirit">
|
|
|
<h1 class="fw-bold">借茶修為以茶養德</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>讓靈動氣韻成為你的鮮活名片。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">8</th>
|
|
|
@@ -432,48 +432,48 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">9</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/drexcel"><img
|
|
|
src="./img/teacher/t17.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/drexcel">
|
|
|
<h1 class="fw-bold">EXCEL實戰速成</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>職場晉升加薪秘密武器</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">10</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/starface"><img
|
|
|
src="./img/teacher/t12.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/starface">
|
|
|
<h1 class="fw-bold">中醫養顏凍齡術</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>劉詩詩佟麗娅明星御用中醫師</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
@@ -488,7 +488,7 @@
|
|
|
alt="">
|
|
|
<div id="sec03-slider" class="row">
|
|
|
<div id="sec03-slider1" class="col-6" style="box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);">
|
|
|
-
|
|
|
+
|
|
|
<table class="table">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
@@ -507,7 +507,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">2</th>
|
|
|
@@ -525,28 +525,28 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">3</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/beauty12"> <img
|
|
|
src="./img/teacher/t10.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/beauty12">
|
|
|
<h1 class="fw-bold">超級逆齡煥顏術</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>女人我最大長駐示範老師</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">4</th>
|
|
|
@@ -563,14 +563,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">5</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/aerobic-cat"> <img
|
|
|
src="./img/teacher/t11.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/aerobic-cat">
|
|
|
@@ -578,13 +578,13 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
<div>
|
|
|
-
|
|
|
+
|
|
|
<p>每天居家15分鐘跳出好身材 </p>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
@@ -597,40 +597,40 @@
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/pronunciation"><img
|
|
|
src="./img/teacher/t6.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/pronunciation">
|
|
|
<h1 class="fw-bold">3個月練出ICRT主播流暢口音</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>打磨發音、提升聽力、勇敢開口</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">7</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/tea-spirit"> <img
|
|
|
src="./img/teacher/t3.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/tea-spirit">
|
|
|
<h1 class="fw-bold">借茶修為以茶養德</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>讓靈動氣韻成為你的鮮活名片。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">8</th>
|
|
|
@@ -648,192 +648,196 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">9</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/drexcel"><img
|
|
|
src="./img/teacher/t17.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/drexcel">
|
|
|
<h1 class="fw-bold">EXCEL實戰速成</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>職場晉升加薪秘密武器</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th scope="row">10</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/starface"><img
|
|
|
src="./img/teacher/t12.webp" alt=""></a>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/starface">
|
|
|
<h1 class="fw-bold">中醫養顏凍齡術</h1>
|
|
|
</a>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div>
|
|
|
<p>劉詩詩佟麗娅明星御用中醫師</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
-
|
|
|
+
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- 專欄報導---電腦版 -->
|
|
|
- <section id="sec04">
|
|
|
- <div class="container-fluid px-0 ">
|
|
|
- <div id="sec04-title" style="text-align: center;">
|
|
|
- <h1 class="secn-title">專欄報導</h1>
|
|
|
- <hr class="line">
|
|
|
+
|
|
|
+ </section>
|
|
|
+ <!-- 專欄報導---電腦版 -->
|
|
|
+ <section id="sec04">
|
|
|
+ <div class="container-fluid px-0 ">
|
|
|
+ <div id="sec04-title" style="text-align: center;">
|
|
|
+ <h1 class="secn-title">專欄報導</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div id="sec04-container" class="row row-cols-1 row-cols-md-4 g-4">
|
|
|
+ <div class="col">
|
|
|
+ <div class="card h-100">
|
|
|
+ <a target="_blank" href="./column-report.html?id=01"><img src="./img/sec04/sec04-4.jpg"
|
|
|
+ class="card-img-top" alt="..."></a>
|
|
|
+ <div class="card-body">
|
|
|
+ <a target="_blank" class="article-click" href="./column-report.html?id=01">
|
|
|
+ <h5 class="card-title">從王力宏的直播看線上課程的推動</h5>
|
|
|
+ </a>
|
|
|
+ <p class="card-text">
|
|
|
+ 線上課程因為每一次的疫情再起助推了一波又一波的趨勢，7月王力宏在直播中公開這一次線上課程的發布，引起了課單價7000台幣、同時間三千多堂課的搶購，意外的再次掀起名人課的風潮。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div id="sec04-container" class="row row-cols-1 row-cols-md-4 g-4">
|
|
|
- <div class="col">
|
|
|
- <div class="card h-100">
|
|
|
- <a target="_blank" href="./column-report.html?id=01"><img src="./img/sec04/sec04-4.jpg"
|
|
|
- class="card-img-top" alt="..."></a>
|
|
|
- <div class="card-body">
|
|
|
- <a target="_blank" class="article-click" href="./column-report.html?id=01">
|
|
|
- <h5 class="card-title">從王力宏的直播看線上課程的推動</h5>
|
|
|
- </a>
|
|
|
- <p class="card-text">
|
|
|
- 線上課程因為每一次的疫情再起助推了一波又一波的趨勢，7月王力宏在直播中公開這一次線上課程的發布，引起了課單價7000台幣、同時間三千多堂課的搶購，意外的再次掀起名人課的風潮。
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="col">
|
|
|
+ <div class="card h-100">
|
|
|
+ <a target="_blank" href="./column-report.html?id=02"><img src="./img/sec04/sec04-1.png"
|
|
|
+ class="card-img-top" alt="..."></a>
|
|
|
+ <div class="card-body">
|
|
|
+ <a target="_blank" href="./column-report.html?id=02">
|
|
|
+ <h5 class="card-title">5個國際最佳線上課程選擇</h5>
|
|
|
+ </a>
|
|
|
+
|
|
|
+ <p class="card-text">2021 年5門國際最受好評的個人和專業發展課程、課程認證和培訓網站</p>
|
|
|
</div>
|
|
|
- <div class="col">
|
|
|
- <div class="card h-100">
|
|
|
- <a target="_blank" href="./column-report.html?id=02"><img src="./img/sec04/sec04-1.png"
|
|
|
- class="card-img-top" alt="..."></a>
|
|
|
- <div class="card-body">
|
|
|
- <a target="_blank" href="./column-report.html?id=02">
|
|
|
- <h5 class="card-title">5個國際最佳線上課程選擇</h5>
|
|
|
- </a>
|
|
|
-
|
|
|
- <p class="card-text">2021 年5門國際最受好評的個人和專業發展課程、課程認證和培訓網站</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col">
|
|
|
+ <div class="card h-100">
|
|
|
+ <a target="_blank" href="./column-report.html?id=03"> <img src="./img/sec04/sec01-2.png"
|
|
|
+ class="card-img-top" alt="..."></a>
|
|
|
+ <div class="card-body">
|
|
|
+ <a target="_blank" href="./column-report.html?id=03">
|
|
|
+ <h5 class="card-title">強推薦~生命洗禮後的變美課</h5>
|
|
|
+ </a>
|
|
|
+ <p class="card-text">
|
|
|
+ 健康飲食真的很重要，節食和吃藥看似效果快，其實反彈起來更加可怕，分分鐘超過原來的體重。而運動沒效果，是因為我們女生肌肉少，能量消耗慢</p>
|
|
|
</div>
|
|
|
- <div class="col">
|
|
|
- <div class="card h-100">
|
|
|
- <a target="_blank" href="./column-report.html?id=03"> <img src="./img/sec04/sec01-2.png"
|
|
|
- class="card-img-top" alt="..."></a>
|
|
|
- <div class="card-body">
|
|
|
- <a target="_blank" href="./column-report.html?id=03">
|
|
|
- <h5 class="card-title">強推薦~生命洗禮後的變美課</h5>
|
|
|
- </a>
|
|
|
- <p class="card-text">健康飲食真的很重要，節食和吃藥看似效果快，其實反彈起來更加可怕，分分鐘超過原來的體重。而運動沒效果，是因為我們女生肌肉少，能量消耗慢</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col">
|
|
|
+ <div class="card h-100">
|
|
|
+ <a target="_blank" href="./column-report.html?id=04"><img src="./img/sec04/sec04-3.png"
|
|
|
+ class="card-img-top" alt="..."></a>
|
|
|
+ <div class="card-body">
|
|
|
+ <a target="_blank" href="./column-report.html?id=04">
|
|
|
+ <h5 class="card-title">侯吉諒書法講堂：從零開始，學寫一手好字</h5>
|
|
|
+ </a>
|
|
|
+ <p class="card-text">
|
|
|
+ 侯吉諒精通詩文、古典與現代文學、書法、繪畫，篆刻，為難得一見之全方位創作者，因長期接觸中西方各種藝術，在作品中深入古典而又具有強烈的現代意識，
|
|
|
+ </p>
|
|
|
+
|
|
|
</div>
|
|
|
- <div class="col">
|
|
|
- <div class="card h-100">
|
|
|
- <a target="_blank" href="./column-report.html?id=04"><img src="./img/sec04/sec04-3.png"
|
|
|
- class="card-img-top" alt="..."></a>
|
|
|
- <div class="card-body">
|
|
|
- <a target="_blank" href="./column-report.html?id=04">
|
|
|
- <h5 class="card-title">侯吉諒書法講堂：從零開始，學寫一手好字</h5>
|
|
|
- </a>
|
|
|
- <p class="card-text">侯吉諒精通詩文、古典與現代文學、書法、繪畫，篆刻，為難得一見之全方位創作者，因長期接觸中西方各種藝術，在作品中深入古典而又具有強烈的現代意識，
|
|
|
- </p>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <!-- 專欄報導 手機板-->
|
|
|
+ <section id="sec04-moblie">
|
|
|
+
|
|
|
+ <div id="sec04-moblie-title" class="container-fluid">
|
|
|
+ <div id="sec04-moblie-header">
|
|
|
+ <h1 class="secn-title">專欄報導</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div id="sec04-moblie-container" class="row row-cols-1 row-cols-md-4 g-4">
|
|
|
+ <div class="col">
|
|
|
+ <div class="card h-100">
|
|
|
+ <a target="_blank" href="./artist-course.html"><img src="./img/sec04/sec04-4.jpg"
|
|
|
+ class="card-img-top" alt="..."></a>
|
|
|
+ <div class="card-body">
|
|
|
+ <a target="_blank" href="./artist-course.html">
|
|
|
+ <h5 class="card-title">從王力宏的直播看線上課程的推動</h5>
|
|
|
+ </a>
|
|
|
+ <p class="card-text">
|
|
|
+ 線上課程因為每一次的疫情再起助推了一波又一波的趨勢，7月王力宏在直播中公開這一次線上課程的發布，引起了課單價7000台幣、同時間三千多堂課的搶購，意外的再次掀起名人課的風潮。
|
|
|
+ </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
- </section>
|
|
|
-
|
|
|
- <!-- 專欄報導 手機板-->
|
|
|
- <section id="sec04-moblie">
|
|
|
-
|
|
|
- <div id="sec04-moblie-title" class="container-fluid">
|
|
|
- <div id="sec04-moblie-header">
|
|
|
- <h1 class="secn-title">專欄報導</h1>
|
|
|
- <hr class="line">
|
|
|
+ <div class="col">
|
|
|
+ <div class="card h-100">
|
|
|
+ <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">
|
|
|
+ <a target="_blank" href="./top5-course-platform.html">
|
|
|
+ <h5 class="card-title">5個國際最佳線上課程選擇</h5>
|
|
|
+ </a>
|
|
|
+ <p class="card-text">2021 年5門國際最受好評的個人和專業發展課程、課程認證和培訓網站</p>
|
|
|
</div>
|
|
|
- <div id="sec04-moblie-container" class="row row-cols-1 row-cols-md-4 g-4">
|
|
|
- <div class="col">
|
|
|
- <div class="card h-100">
|
|
|
- <a target="_blank" href="./artist-course.html"><img src="./img/sec04/sec04-4.jpg"
|
|
|
- class="card-img-top" alt="..."></a>
|
|
|
- <div class="card-body">
|
|
|
- <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">
|
|
|
- <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">
|
|
|
- <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">
|
|
|
- <a target="_blank" href="./beauty.html"> <img src="./img/sec04/sec01-2.png" class="card-img-top"
|
|
|
- alt="..."></a>
|
|
|
- <div class="card-body">
|
|
|
- <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">
|
|
|
- <a target="_blank" href="./writing-course.html"><img src="./img/sec04/sec04-3.png"
|
|
|
- class="card-img-top" alt="..."></a>
|
|
|
- <div class="card-body">
|
|
|
- <a target="_blank" href="./writing-course.html">
|
|
|
- <h5 class="card-title">侯吉諒書法講堂：從零開始，學寫一手好字</h5>
|
|
|
- </a>
|
|
|
- <p class="card-text">侯吉諒精通詩文、古典與現代文學、書法、繪畫，篆刻，為難得一見之全方位創作者，因長期接觸中西方各種藝術，在作品中深入古典而又具有強烈的現代意識，
|
|
|
- </p>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col">
|
|
|
+ <div class="card h-100">
|
|
|
+ <a target="_blank" href="./beauty.html"> <img src="./img/sec04/sec01-2.png"
|
|
|
+ class="card-img-top" alt="..."></a>
|
|
|
+ <div class="card-body">
|
|
|
+ <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">
|
|
|
+ <a target="_blank" href="./writing-course.html"><img src="./img/sec04/sec04-3.png"
|
|
|
+ class="card-img-top" alt="..."></a>
|
|
|
+ <div class="card-body">
|
|
|
+ <a target="_blank" href="./writing-course.html">
|
|
|
+ <h5 class="card-title">侯吉諒書法講堂：從零開始，學寫一手好字</h5>
|
|
|
+ </a>
|
|
|
+ <p class="card-text">
|
|
|
+ 侯吉諒精通詩文、古典與現代文學、書法、繪畫，篆刻，為難得一見之全方位創作者，因長期接觸中西方各種藝術，在作品中深入古典而又具有強烈的現代意識，
|
|
|
+ </p>
|
|
|
+
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
- </section>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
</section>
|
|
|
<!-- 課程分類電腦版-->
|
|
|
<section id="sec05" class="container-fluid">
|
|
|
-
|
|
|
+
|
|
|
<!-- <div id="tag-group" class="my-5 rounded-pill">
|
|
|
<div class="tag btn-group" role="group" aria-label="Basic outlined example">
|
|
|
<button id="015" type="button" class=" border-0 rounded-pill">享受生活</button>
|
|
|
@@ -849,11 +853,11 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 p-2">
|
|
|
<div id="sec05-course18" class="sec05-course row">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec05-course-tag023">
|
|
|
<div class="sec05-title">
|
|
|
<h1 class="secn-title">健身舞蹈</h1>
|
|
|
@@ -861,7 +865,7 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 p-2">
|
|
|
<div id="sec05-course23" class="sec05-course row">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -872,7 +876,7 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 p-2">
|
|
|
<div id="sec05-course22" class="sec05-course row">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -883,7 +887,7 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 p-2">
|
|
|
<div id="sec05-course15" class="sec05-course row">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -894,7 +898,7 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 p-2">
|
|
|
<div id="sec05-course17" class="sec05-course row">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -905,7 +909,7 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 p-2">
|
|
|
<div id="sec05-course16" class="sec05-course row">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -922,7 +926,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="sec05-course-tag023 px-0 mx-0">
|
|
|
<div class="sec05-title">
|
|
|
<h1 class="secn-title">健身舞蹈</h1>
|
|
|
@@ -940,7 +944,7 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid">
|
|
|
<div id="sec05-course22m" class="sec05-course">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -951,7 +955,7 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 px-0">
|
|
|
<div id="sec05-course15m" class="sec05-course">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -962,7 +966,7 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 px-0">
|
|
|
<div id="sec05-course17m" class="sec05-course">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -973,38 +977,39 @@
|
|
|
</div>
|
|
|
<div class="sec05-container container-fluid mx-0 px-0">
|
|
|
<div id="sec05-course16m" class="sec05-course">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
- <section class="sce06 py-3 container-fluid d-flex justify-content-center w-100"
|
|
|
+ <section id="sec06" class="sce06 py-3 container-fluid d-flex justify-content-center w-100"
|
|
|
style="box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);">
|
|
|
<div class="row d-flex justify-content-center px-0 mx-0">
|
|
|
<div class="col-3 col-lg-1"><a target="_blank" href="https://www.ampaimusic.com/"><img class="img-fluid"
|
|
|
src="./img/sec06/sec06-01-removebg-preview (1).png" alt=""></a>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="col-3 col-lg-1"><a target="_blank" href="https://www.ximalaya.com/"><img class="img-fluid"
|
|
|
src="./img/sec06/ximalayafm-removebg-preview.png" alt=""></a></div>
|
|
|
-
|
|
|
+
|
|
|
<div class="col-3 col-lg-1"><a target="_blank" href="https://www.lizhiweike.com/"><img class="img-fluid"
|
|
|
src="./img/sec06/sec06-07.jpg" alt=""></a></div>
|
|
|
-
|
|
|
- <div class="col-3 col-lg-1"><a target="_blank" href=""><img class="img-fluid" src="./img/sec06/sec06-8.png"
|
|
|
- alt=""></a></div>
|
|
|
-
|
|
|
+
|
|
|
+ <div class="col-3 col-lg-1"><a target="_blank" href=""><img class="img-fluid"
|
|
|
+ src="./img/sec06/sec06-8.png" alt=""></a></div>
|
|
|
+
|
|
|
<div class="col-3 col-lg-1 d-flex align-items-center justfy-content-center"><a target="_blank"
|
|
|
- href="https://www.chain.tw/"><img class="img-fluid" src="./img/sec06/sec06-04.jpg" alt=""></a></div>
|
|
|
-
|
|
|
+ href="https://www.chain.tw/"><img class="img-fluid" src="./img/sec06/sec06-04.jpg" alt=""></a>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div class="col-3 col-lg-1 d-flex align-items-center justfy-content-center"><a target="_blank"
|
|
|
href="https://nftboard.info/"><img class="img-fluid" src="./img/sec06/LOGO.png" alt=""></a>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<div class="col-3 col-lg-1"><a target="_blank" href="https://www.facebook.com/ARK.TPE/"><img
|
|
|
class="img-fluid" src="./img/sec06/sec06-02.png" alt=""></a></div>
|
|
|
-
|
|
|
+
|
|
|
<div class="col-3 col-lg-1 d-flex align-items-center justfy-content-center"><a target="_blank"
|
|
|
href="https://www.facebook.com/Shengeng.Foundation"><img class="sec09-7 img-fluid"
|
|
|
src="./img/sec06/sec06-05.png" alt=""></a></div>
|
jeter20131220