|
|
@@ -1,10 +1,26 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
+<html lang="zh">
|
|
|
|
|
|
<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="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="" />
|
|
|
+ <meta property="og:title" content="" />
|
|
|
+ <meta property="og:type" content="website" />
|
|
|
+ <meta property="og:locale" content="zh_TW">
|
|
|
<title>opentalk</title>
|
|
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
|
@@ -15,33 +31,38 @@
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
-
|
|
|
+
|
|
|
<!-- 主選單 -->
|
|
|
<section id="Navigation" class="container-fluid mx-0 px-0">
|
|
|
-
|
|
|
- <div id="nav" class="row">
|
|
|
- <div id="logo" class=" col-md-2 col-lg-2">
|
|
|
-
|
|
|
- <a style="color:#fff ;text-decoration: none;" href="./index.html"><h1> <span style="font-size: 45px;;color:#9400d3">O</span>pentalk</h1></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">熱門課程</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 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">
|
|
|
+ <h1> <span style="font-size: 45px;;color:#9400d3">O</span>pentalk</h1>
|
|
|
+ </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">熱門課程</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>
|
|
|
<section id="banner" class="container-fluid px-0 mx-0">
|
|
|
<section class="courseadv" style="background: #fff;" class="course-adv px-0 mx-0">
|
|
|
- <div class="row">
|
|
|
- <div class="col-11 col-lg-11"> <p class="text-center">愛學習折扣| 購買课程最低僅需 NT$330，可以獲得折扣课程的最後一天。僅剩 3 小時 00 分鐘 29 秒。</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="row mx-0">
|
|
|
+ <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>
|
|
|
- </section>
|
|
|
+ <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">
|
|
|
<div class="form col-12 order-2 col-lg-5 order-lg-2">
|
|
|
<form class="email-sub" action="">
|
|
|
@@ -52,22 +73,28 @@
|
|
|
<input type="email" id="email" name="email" placeholder="請留下您的Email" required>
|
|
|
</div>
|
|
|
<span class="course-tab" for="name">選擇您有興趣的課程類別(可複選)</span>
|
|
|
- <label for="20" class="selector1">直播講堂<input type="checkbox" class="selecbox ms-1" id="20" name="tags" value="20" style="width:15px;height:15px;"></label>
|
|
|
- <label for="18" class="selector1">個人成長<input type="checkbox" class="selecbox ms-1" id="18" name="tags" value="18" style="width:15px;height:15px;"></label>
|
|
|
- <label for="16" class="selector1">變美課程<input type="checkbox" class="selecbox ms-1" id="16" name="tags" value="16" style="width:15px;height:15px;"></label>
|
|
|
- <label for="21" class="selector1">專業影像<input type="checkbox" class="selecbox ms-1" id="21" name="tags" value="21" style="width:15px;height:15px;"></label>
|
|
|
- <label for="22" class="selector1">管理營銷<input type="checkbox" class="selecbox ms-1" id="22" 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>
|
|
|
-
|
|
|
+ <label for="20" class="selector1">直播講堂<input type="checkbox" class="selecbox ms-1" id="20"
|
|
|
+ name="tags" value="20" style="width:15px;height:15px;"></label>
|
|
|
+ <label for="18" class="selector1">個人成長<input type="checkbox" class="selecbox ms-1" id="18"
|
|
|
+ name="tags" value="18" style="width:15px;height:15px;"></label>
|
|
|
+ <label for="16" class="selector1">變美課程<input type="checkbox" class="selecbox ms-1" id="16"
|
|
|
+ name="tags" value="16" style="width:15px;height:15px;"></label>
|
|
|
+ <label for="21" class="selector1">專業影像<input type="checkbox" class="selecbox ms-1" id="21"
|
|
|
+ name="tags" value="21" style="width:15px;height:15px;"></label>
|
|
|
+ <label for="22" class="selector1">管理營銷<input type="checkbox" class="selecbox ms-1" id="22"
|
|
|
+ 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">
|
|
|
- <div id="banner-container">
|
|
|
+ <div id="banner-container">
|
|
|
<img class="" src="./img/banner-test/bruce-mars-xj8qrWvuOEs-unsplash2.jpg" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -95,7 +122,7 @@
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<!-- 最新課程 電腦版-->
|
|
|
<section id="sec01">
|
|
|
<div class="container-fluid">
|
|
|
@@ -192,7 +219,7 @@
|
|
|
<div class="sec02-box1 col-lg-4">
|
|
|
<a target="_blank"
|
|
|
href="https://www.masterclass.com/classes/jane-goodall-teaches-conservation"><img
|
|
|
- src="./img/sec02/sec02-3-removebg-preview.png" alt=""></a>
|
|
|
+ src="./img/sec02/sec02-3-removebg-preview.png" alt=""></a>
|
|
|
<div class="sec02-top-text"><span></span>Dr. Jane Goodall</div>
|
|
|
<div>珍古德道爾博士分享了她對黑猩猩行為模式的研究，以及他們教她什麼關於保護的工作。您將學習如何在當地採取行動並保護地球。</div>
|
|
|
</div>
|
|
|
@@ -212,7 +239,8 @@
|
|
|
<div id="sec02-content">
|
|
|
<div id="sec02-top-box" class="row" style="margin-right: 0; padding-right:0;">
|
|
|
<div class="sec02-box1 col-4 order-2">
|
|
|
- <a target="_blank" href="https://www.masterclass.com/classes/bobbi-brown-teaches-makeup-and-beauty">
|
|
|
+ <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>
|
|
|
@@ -220,8 +248,9 @@
|
|
|
<div class="sec02-top-text">你會學會如何對自己的皮膚有信心。</div>
|
|
|
</div>
|
|
|
<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">
|
|
|
-
|
|
|
+ <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>
|
|
|
@@ -229,7 +258,7 @@
|
|
|
</div>
|
|
|
<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>
|
|
|
@@ -253,7 +282,7 @@
|
|
|
<th scope="row">1</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/camera"><img
|
|
|
- src="./img/sec03/table1.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t4.webp" alt=""></a>
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/camera">
|
|
|
@@ -271,7 +300,7 @@
|
|
|
<th scope="row">2</th>
|
|
|
<td>
|
|
|
<a target="_bnank" href="https://opentalk.center/courses/drppt8"><img
|
|
|
- src="./img/sec03/table2.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t13.webp" alt=""></a>
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
<a target="_bnank" href="https://opentalk.center/courses/drppt8">
|
|
|
@@ -289,7 +318,7 @@
|
|
|
<th scope="row">3</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/beauty12"> <img
|
|
|
- src="./img/sec03/table3.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t10.webp" alt=""></a>
|
|
|
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
@@ -309,15 +338,15 @@
|
|
|
<tr>
|
|
|
<th scope="row">4</th>
|
|
|
<td>
|
|
|
- <a target="_blank" href=""></a>
|
|
|
- <img src="./img/sec03/table2-2.jpg" alt="">
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/yogakuo"></a>
|
|
|
+ <img src="./img/teacher/t16.webp" alt="">
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
- <a target="_blank" href=""></a>
|
|
|
- <h1 class="fw-bold">Modern and Contemporary</h1>
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/yogakuo"></a>
|
|
|
+ <h1 class="fw-bold">減齡回春瑜珈</h1>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <p>專項課程 </p>
|
|
|
+ <p>劉濤、沈月眾多女星貼身瑜珈教練</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -327,13 +356,13 @@
|
|
|
<th scope="row">5</th>
|
|
|
<td>
|
|
|
<a target="_blank"
|
|
|
- href="https://opentalk.center/courses/aerobic_cat#section-description"> <img
|
|
|
- src="./img/sec03/table5.jpg" alt=""></a>
|
|
|
+ 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#section-description">
|
|
|
+ href="https://opentalk.center/courses/aerobic-cat">
|
|
|
<h1 class="fw-bold">有氧廋身塑形操</h1>
|
|
|
</a>
|
|
|
</div>
|
|
|
@@ -355,18 +384,18 @@
|
|
|
<tr>
|
|
|
<th scope="row">6</th>
|
|
|
<td>
|
|
|
- <a target="_blank" href="https://sat.cool/course/intro/6/info"><img
|
|
|
- src="./img/sec03/table2-1.png" alt=""></a>
|
|
|
+ <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://sat.cool/course/intro/6/info">
|
|
|
- <h1 class="fw-bold">解密圖像故事力 </h1>
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/pronunciation">
|
|
|
+ <h1 class="fw-bold">3個月練出ICRT主播流暢口音</h1>
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
<div>
|
|
|
- <p>打造深入人心的創作</p>
|
|
|
+ <p>帶你打磨發音、提升聽力、勇敢開口</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -376,7 +405,7 @@
|
|
|
<th scope="row">7</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/tea-spirit"> <img
|
|
|
- src="./img/sec03/table2-2.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t3.webp" alt=""></a>
|
|
|
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
@@ -395,16 +424,16 @@
|
|
|
<tr>
|
|
|
<th scope="row">8</th>
|
|
|
<td>
|
|
|
- <a target="_blank" href="https://sat.cool/course/intro/2/info"><img
|
|
|
- src="./img/sec03/table2-3.png" alt=""></a>
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/12deal"><img
|
|
|
+ src="./img/teacher/t22.webp" alt=""></a>
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
- <a target="_blank" href="https://sat.cool/course/intro/2/info">
|
|
|
- <h1 class="fw-bold">【多益職涯力】</h1>
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/12deal">
|
|
|
+ <h1 class="fw-bold">12招人人都需要的超級成交術</h1>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <p>新制多益神速解題課程</p>
|
|
|
+ <p>12招人人都需要的超級成交術</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -415,7 +444,7 @@
|
|
|
<th scope="row">9</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/drexcel"><img
|
|
|
- src="./img/sec03/table2-4.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t17.webp" alt=""></a>
|
|
|
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
@@ -435,7 +464,7 @@
|
|
|
<th scope="row">10</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/starface"><img
|
|
|
- src="./img/sec03/table2-5.webp" alt=""></a>
|
|
|
+ src="./img/teacher/t12.webp" alt=""></a>
|
|
|
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
@@ -472,7 +501,7 @@
|
|
|
<th scope="row">1</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/camera"><img
|
|
|
- src="./img/sec03/table1.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t4.webp" alt=""></a>
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/camera">
|
|
|
@@ -490,7 +519,7 @@
|
|
|
<th scope="row">2</th>
|
|
|
<td>
|
|
|
<a target="_bnank" href="https://opentalk.center/courses/drppt8"><img
|
|
|
- src="./img/sec03/table2.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t13.webp" alt=""></a>
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
<a target="_bnank" href="https://opentalk.center/courses/drppt8">
|
|
|
@@ -508,7 +537,7 @@
|
|
|
<th scope="row">3</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/beauty12"> <img
|
|
|
- src="./img/sec03/table3.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t10.webp" alt=""></a>
|
|
|
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
@@ -528,17 +557,15 @@
|
|
|
<tr>
|
|
|
<th scope="row">4</th>
|
|
|
<td>
|
|
|
- <a target="_blank" href=""></a>
|
|
|
- <img src="./img/sec03/table2-2.jpg" alt="">
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/yogakuo"></a>
|
|
|
+ <img src="./img/teacher/t16.webp" alt="">
|
|
|
<div class="sec03-table-text" style="display: inline-block;">
|
|
|
<div>
|
|
|
- <a target="_blank" href="">
|
|
|
- <h1 class="fw-bold">Modern and Contemporary</h1>
|
|
|
- </a>
|
|
|
-
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/yogakuo"></a>
|
|
|
+ <h1 class="fw-bold">減齡回春瑜珈</h1>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <p>專項課程 </p>
|
|
|
+ <p>劉濤、沈月眾多女星貼身瑜珈教練</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -548,13 +575,13 @@
|
|
|
<th scope="row">5</th>
|
|
|
<td>
|
|
|
<a target="_blank"
|
|
|
- href="https://opentalk.center/courses/aerobic_cat#section-description"> <img
|
|
|
- src="./img/sec03/table5.jpg" alt=""></a>
|
|
|
+ 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#section-description">
|
|
|
+ href="https://opentalk.center/courses/aerobic-cat">
|
|
|
<h1 class="fw-bold">有氧廋身塑形操</h1>
|
|
|
</a>
|
|
|
</div>
|
|
|
@@ -574,20 +601,20 @@
|
|
|
<table class="table ">
|
|
|
<tbody>
|
|
|
<tr>
|
|
|
- <th scope="row">6</th>
|
|
|
+ <th scope="row" class="pe-0">6</th>
|
|
|
<td>
|
|
|
- <a target="_blank" href="https://sat.cool/course/intro/6/info"><img
|
|
|
- src="./img/sec03/table2-1.png" alt=""></a>
|
|
|
+ <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://sat.cool/course/intro/6/info">
|
|
|
- <h1 class="fw-bold">解密圖像故事力 </h1>
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/pronunciation">
|
|
|
+ <h1 class="fw-bold">3個月練出ICRT主播流暢口音</h1>
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
<div>
|
|
|
- <p>打造深入人心的創作</p>
|
|
|
+ <p>打磨發音、提升聽力、勇敢開口</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -597,7 +624,7 @@
|
|
|
<th scope="row">7</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/tea-spirit"> <img
|
|
|
- src="./img/sec03/table2-2.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t3.webp" alt=""></a>
|
|
|
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
@@ -616,16 +643,16 @@
|
|
|
<tr>
|
|
|
<th scope="row">8</th>
|
|
|
<td>
|
|
|
- <a target="_blank" href="https://sat.cool/course/intro/2/info"><img
|
|
|
- src="./img/sec03/table2-3.png" alt=""></a>
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/12deal"><img
|
|
|
+ src="./img/teacher/t22.webp" alt=""></a>
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
- <a target="_blank" href="https://sat.cool/course/intro/2/info">
|
|
|
- <h1 class="fw-bold">【多益職涯力】</h1>
|
|
|
+ <a target="_blank" href="https://opentalk.center/courses/12deal">
|
|
|
+ <h1 class="fw-bold">12招人人都需要的超級成交術</h1>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <p>新制多益神速解題課程</p>
|
|
|
+ <p>12招人人都需要的超級成交術</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -636,7 +663,7 @@
|
|
|
<th scope="row">9</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/drexcel"><img
|
|
|
- src="./img/sec03/table2-4.jpg" alt=""></a>
|
|
|
+ src="./img/teacher/t17.webp" alt=""></a>
|
|
|
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
@@ -656,7 +683,7 @@
|
|
|
<th scope="row">10</th>
|
|
|
<td>
|
|
|
<a target="_blank" href="https://opentalk.center/courses/starface"><img
|
|
|
- src="./img/sec03/table2-5.webp" alt=""></a>
|
|
|
+ src="./img/teacher/t12.webp" alt=""></a>
|
|
|
|
|
|
<div class="sec03-table-text" style="display: inline-block ;">
|
|
|
<div>
|
|
|
@@ -689,13 +716,12 @@
|
|
|
<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="./artist-course.html"><img src="./img/sec04/sec04-4.jpg"
|
|
|
+ <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" href="./artist-course.html">
|
|
|
+ <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>
|
|
|
@@ -704,10 +730,10 @@
|
|
|
</div>
|
|
|
<div class="col">
|
|
|
<div class="card h-100">
|
|
|
- <a target="_blank" href="./top5-course-platform.html"><img src="./img/sec04/sec04-1.png"
|
|
|
+ <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="./top5-course-platform.html">
|
|
|
+ <a target="_blank" href="./column-report.html?id=02">
|
|
|
<h5 class="card-title">5個國際最佳線上課程選擇</h5>
|
|
|
</a>
|
|
|
|
|
|
@@ -717,23 +743,22 @@
|
|
|
</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"
|
|
|
+ <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="./beauty.html">
|
|
|
+ <a target="_blank" href="./column-report.html?id=03">
|
|
|
<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"
|
|
|
+ <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="./writing-course.html">
|
|
|
+ <a target="_blank" href="./column-report.html?id=04">
|
|
|
<h5 class="card-title">侯吉諒書法講堂：從零開始，學寫一手好字</h5>
|
|
|
</a>
|
|
|
<p class="card-text">侯吉諒精通詩文、古典與現代文學、書法、繪畫，篆刻，為難得一見之全方位創作者，因長期接觸中西方各種藝術，在作品中深入古典而又具有強烈的現代意識，
|
|
|
@@ -814,79 +839,184 @@
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
- <!-- 課程分類 -->
|
|
|
+ <!-- 課程分類電腦版-->
|
|
|
<section id="sec05" class="container-fluid">
|
|
|
- <div id="sec05-title">
|
|
|
- <h1 class="secn-title">課程分類</h1>
|
|
|
- <hr class="line">
|
|
|
- </div>
|
|
|
- <div id="tag-group" class="my-5 rounded-pill">
|
|
|
+
|
|
|
+ <!-- <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>
|
|
|
<button id="016" type="button" class="border-0 rounded-pill">我要變美</button>
|
|
|
<button id="017" type="button" class=" border-0 rounded-pill">賺錢理財</button>
|
|
|
<button id="018" type="button" class=" border-0 rounded-pill">自我成長</button>
|
|
|
</div>
|
|
|
+ </div> -->
|
|
|
+ <div class="sec05-course-tag018">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">自我成長</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0 p-2">
|
|
|
+ <div id="sec05-course18" class="sec05-course row">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
- <div id="sec05-container" class="container-fluid mx-0 p-2">
|
|
|
- <div id="sec05-course" class="row row-cols-1 row-cols-md-2 g-4 mx-0 px-0">
|
|
|
-
|
|
|
+ <div class="sec05-course-tag023">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">健身舞蹈</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0 p-2">
|
|
|
+ <div id="sec05-course23" class="sec05-course row">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec05-course-tag022">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">管理營銷</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0 p-2">
|
|
|
+ <div id="sec05-course22" class="sec05-course row">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec05-course-tag015">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">享受生活</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0 p-2">
|
|
|
+ <div id="sec05-course15" class="sec05-course row">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec05-course-tag017">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">斜槓理財</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0 p-2">
|
|
|
+ <div id="sec05-course17" class="sec05-course row">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec05-course-tag016">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">變美課程</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0 p-2">
|
|
|
+ <div id="sec05-course16" class="sec05-course row">
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
-
|
|
|
- <!-- 合作對象 電腦版-->
|
|
|
- <section id="sec06">
|
|
|
- <div id="sec06-container-box">
|
|
|
- <div id="sec06-title">
|
|
|
- <h1 style="color: #fff;" class="secn-title">合作對象</h1>
|
|
|
- <hr class="line bg-white">
|
|
|
+ <!-- 課程分類行動版 -->
|
|
|
+ <section id="sec05-m">
|
|
|
+ <div class="sec05-course-tag018m">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">自我成長</h1>
|
|
|
+ <hr class="line">
|
|
|
</div>
|
|
|
- <!-- <div id="sec06-title-m">
|
|
|
- <h1>合作對象</h1>
|
|
|
- <hr>
|
|
|
- </div> -->
|
|
|
- <div id="sec06-container" class="container-fluid">
|
|
|
- <div class="card">
|
|
|
-
|
|
|
- <div class="row">
|
|
|
- <div class="row">
|
|
|
- <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://www.ampaimusic.com/"><img
|
|
|
- class="img-fluid" src="./img/sec06/sec06-01-removebg-preview.png" alt=""></a>
|
|
|
- </div>
|
|
|
+ <div class="sec05-container">
|
|
|
+ <div id="sec05-course18m" class="sec05-course">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://www.ximalaya.com/"><img
|
|
|
- class="img-fluid" src="./img/sec06/sec06-06.jpg" alt=""></a></div>
|
|
|
+ <div class="sec05-course-tag023 px-0 mx-0">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">健身舞蹈</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0">
|
|
|
+ <div id="sec05-course23m" class="sec05-course row mx-0">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec05-course-tag022m">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">管理營銷</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid">
|
|
|
+ <div id="sec05-course22m" class="sec05-course">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec05-course-tag015m">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">享受生活</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0 px-0">
|
|
|
+ <div id="sec05-course15m" class="sec05-course">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec05-course-tag017m">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">斜槓理財</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </div>
|
|
|
+ <div class="sec05-container container-fluid mx-0 px-0">
|
|
|
+ <div id="sec05-course17m" class="sec05-course">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec05-course-tag016m">
|
|
|
+ <div class="sec05-title">
|
|
|
+ <h1 class="secn-title">變美課程</h1>
|
|
|
+ <hr class="line">
|
|
|
+ </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" 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 py-3 d-flex align-items-center justfy-content-center"><a target="_blank"
|
|
|
- href="https://nftboard.info/"><img class="img-fluid" src="./img/logo.jpg"
|
|
|
- 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="sec09-1 col-3 py-3"><a target="_blank" href="https://www.lizhiweike.com/"><img
|
|
|
- class="img-fluid" src="./img/sec06/sec06-07.png" alt=""></a></div>
|
|
|
+ <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="sec09-1 col-3 py-3"><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>
|
|
|
+
|
|
|
+ <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="sec09-1 col-3 py-3"><a target="_blank"
|
|
|
- href="https://www.facebook.com/ARK.TPE/"><img class="img-fluid"
|
|
|
- src="./img/sec06/sec06-02.png" alt=""></a></div>
|
|
|
|
|
|
- <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://www.chain.tw/"><img
|
|
|
- class="img-fluid" src="./img/sec06/sec06-04.png" alt=""></a></div>
|
|
|
- <div class="col-3 py-3 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>
|
|
|
+ <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>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </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>
|
|
|
</div>
|
|
|
</section>
|
|
|
-
|
|
|
<!-- footer -->
|
|
|
<footer id="footer" class="container-fluid" style="padding:0;margin:0">
|
|
|
<div class="text" style="padding-right:0;">
|
|
|
@@ -897,6 +1027,49 @@
|
|
|
<p>Opentalk © All Rights Reserved.</p>
|
|
|
</div>
|
|
|
</footer>
|
|
|
+ <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
|
+ <div class="modal-dialog modal-lg">
|
|
|
+ <div class="modal-content bg-transparent">
|
|
|
+ <div class="modal-header border-0">
|
|
|
+ <h5 class="modal-title" id="exampleModalLabel"></h5>
|
|
|
+ <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"><img src="./img/close.svg" alt=""></button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//Fmll0MIf8iY' frameborder='0' allowfullscreen></iframe></div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
|
|
|
+ <div class="modal-dialog modal-lg">
|
|
|
+ <div class="modal-content bg-transparent">
|
|
|
+ <div class="modal-header border-0">
|
|
|
+ <h5 class="modal-title" id="exampleModalLabel"></h5>
|
|
|
+ <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"><img src="./img/close.svg" alt=""></button>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <video width="100%" controls>
|
|
|
+ <source src="./img/test.mp4" type="video/mp4">
|
|
|
+ </video>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
|
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
|
@@ -907,6 +1080,8 @@
|
|
|
<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>
|
|
|
window.onload = function () {
|
|
|
@@ -930,42 +1105,50 @@
|
|
|
<a target="_blank" href="'+ msg[i].url + '"><img src="' + msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
<div class="card-body">\
|
|
|
<div class="card-title1 d-flex align-items-center">\
|
|
|
- <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '"><h1 style="font-weight:900; font-size: 22px;" class="title-text">' + msg[i].title + '</h1></a>\
|
|
|
+ <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="' + msg[i].url + '"><h1 style="font-weight:700; font-size: 20px;" class="title-text">' + msg[i].title + '</h1></a>\
|
|
|
</div>\
|
|
|
- <p class="card-text card-content1 d-flex align-items-center">'+ msg[i].profile + '</p>\
|
|
|
+ <p style="word-break:break-all" class="card-text card-content1 d-flex align-items-center">'+ msg[i].profile + '</p>\
|
|
|
<p class="card-text row">\
|
|
|
<small class="text-muted col-6">\
|
|
|
- <img class="mb-1 mx-1" style="width: 25px; object-fit: cover; " src="./img/sec05/fire.png"alt=""><span>'+msg[i].clicks+'人</span>\
|
|
|
+ <img class="mb-1 mx-1" style="width: 25px; object-fit: cover; " src="./img/sec05/fire.png"alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
</small>\
|
|
|
<small style="color:#FF0000; font-size:20px;" class="col-6">NT$'+ msg[i].price_discount + '</small>\
|
|
|
</p>\
|
|
|
</div>\
|
|
|
</div>\
|
|
|
</div>';
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
$('#sec01-container').html(sec01course);
|
|
|
$(".title-text").each(function () {
|
|
|
var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
- if (len > 28) {
|
|
|
+ if (len > 25) {
|
|
|
var str = "";
|
|
|
- str = $(this).text().substring(0, 28) + "......"; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
+ str = $(this).text().substring(0, 25) + "..."; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
$(this).html(str); //將替換的值賦值給當前物件
|
|
|
}
|
|
|
});
|
|
|
$(".card-content1").each(function () {
|
|
|
var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
- if (len > 50) {
|
|
|
- var str = "";
|
|
|
- str = $(this).text().substring(0, 50) + "......"; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
+ var str = "";
|
|
|
+ if (len > 60) {
|
|
|
+ str = $(this).text().substring(0, 60) + "..."; //使用字串擷取，獲取前60個字元，多餘的字元使用“......”代替
|
|
|
$(this).html(str); //將替換的值賦值給當前物件
|
|
|
+ }else{
|
|
|
+ var str2 = "";
|
|
|
+ for(var i=len;i<60;i++){
|
|
|
+ str2 +=' '
|
|
|
+ }
|
|
|
+ str = $(this).text().substring(0,len)+str2;
|
|
|
+ $(this).html(str);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
}
|
|
|
</script>
|
|
|
<!-- 課程分類 -->
|
|
|
- <script>
|
|
|
+ <!-- <script>
|
|
|
+
|
|
|
$(document).ready(function () {
|
|
|
function get_data(numb = '[15]') {
|
|
|
|
|
|
@@ -1006,7 +1189,7 @@
|
|
|
|
|
|
|
|
|
}
|
|
|
- $('#sec05-course').html(sec05course);
|
|
|
+ // $('#sec05-course').html(sec05course);
|
|
|
});
|
|
|
}
|
|
|
get_data();
|
|
|
@@ -1030,8 +1213,696 @@
|
|
|
get_data('[18]');
|
|
|
});
|
|
|
});
|
|
|
+ </script> -->
|
|
|
+ <!-- 個人成長18 -->
|
|
|
+ <script>
|
|
|
+ $(document).ready(function () {
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[18]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course18 = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course18 += ' \
|
|
|
+ <div class="sec01-1 col-lg-3">\
|
|
|
+ <div class="card h-100">\
|
|
|
+ <a target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <img src="'+ msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
+ <div class="card-body px-1">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p style="word-break:break-all" class="card-text card-content1 d-flex align-items-center">'+ msg[i].profile + '</p>\
|
|
|
+ <button type="button" class="mesg btn border border-white px-0" data-bs-toggle="modal" data-bs-target="#exampleModal"><span class="px-1">免費試聽</span><img style="width:16px;" class="d-inline" src="img/play-button (4).png" alt=""></button>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-6">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course18').html(sec05course18);
|
|
|
+ $('#sec05-course18').slick({
|
|
|
+ slidesToShow: 4,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ infinite: true,
|
|
|
+ arrows: true,
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
</script>
|
|
|
+<!-- 健身舞蹈23 -->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[23]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course23 = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course23 += ' \
|
|
|
+ <div class="sec01-1 col-lg-3">\
|
|
|
+ <div class="card h-100">\
|
|
|
+ <a target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <img src="'+ msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
+ <div class="card-body px-1">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p style="word-break:break-all" class="card-text card-content1 d-flex align-items-center">'+ msg[i].profile + '</p>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-8">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-4">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course23').html(sec05course23);
|
|
|
+ $('#sec05-course23').slick({
|
|
|
+ slidesToShow: 3,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ infinite: true,
|
|
|
+ arrows: true,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 管理營銷22 -->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[22]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course22 = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course22 += ' \
|
|
|
+ <div class="sec01-1 col-lg-3">\
|
|
|
+ <div class="card h-100">\
|
|
|
+ <a target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <img src="'+ msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
+ <div class="card-body px-1">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p style="word-break:break-all" class="card-text card-content1 d-flex align-items-center">'+ msg[i].profile + '</p>\
|
|
|
+ <button type="button" class="mesg btn border border-white px-0" data-bs-toggle="modal" data-bs-target="#exampleModal1"><span class="px-1">免費試聽</span><img style="width:16px;" class="d-inline" src="img/play-button (4).png" alt=""></button>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-6">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course22').html(sec05course22);
|
|
|
+ $('#sec05-course22').slick({
|
|
|
+ slidesToShow: 4,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ infinite: true,
|
|
|
+ arrows: true,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 享受生活15 -->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[15]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course15 = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course15 += ' \
|
|
|
+ <div class="sec01-1 col-lg-3">\
|
|
|
+ <div class="card h-100">\
|
|
|
+ <a target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <img src="'+ msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
+ <div class="card-body px-1">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p style="word-break:break-all" class="card-text card-content1 d-flex align-items-center">'+ msg[i].profile + '</p>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-6">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course15').html(sec05course15);
|
|
|
+ $('#sec05-course15').slick({
|
|
|
+ slidesToShow: 3,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ infinite: true,
|
|
|
+ arrows: true,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 斜槓理財17 -->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[17]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course17 = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course17 += ' \
|
|
|
+ <div class="sec01-1 col-lg-3">\
|
|
|
+ <div class="card h-100">\
|
|
|
+ <a target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <img src="'+ msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
+ <div class="card-body px-1">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p style="word-break:break-all" class="card-text card-content1 d-flex align-items-center">'+ msg[i].profile + '</p>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-6">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course17').html(sec05course17);
|
|
|
+ $('#sec05-course17').slick({
|
|
|
+ slidesToShow: 4,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ infinite: true,
|
|
|
+ arrows: true,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 變美課程16 -->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[16]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course16 = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course16 += ' \
|
|
|
+ <div class="sec01-1 col-lg-3">\
|
|
|
+ <div class="card h-100">\
|
|
|
+ <a target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <img src="'+ msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
+ <div class="card-body px-1">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p style="word-break:break-all" class="card-text card-content1 d-flex align-items-center">'+ msg[i].profile + '</p>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-6">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course16').html(sec05course16);
|
|
|
+ $('#sec05-course16').slick({
|
|
|
+ slidesToShow: 3,
|
|
|
+ slidesToScroll: 1,
|
|
|
+ infinite: true,
|
|
|
+ arrows: true,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+
|
|
|
+<!-- 手機板 -->
|
|
|
+<!-- 個人成長m-18-->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[18]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course18m = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course18m += ' \
|
|
|
+ <div class="sec05-course-m my-4">\
|
|
|
+ <div class="row px-0 mx-0">\
|
|
|
+ <div class="col-5">\
|
|
|
+ <img class="img-fluid" src="'+ msg[i].cover_img + '" alt="">\
|
|
|
+ </div>\
|
|
|
+ <div class="col-7 px-0">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src mb-2" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text-m">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p class="card-text row mx-0">\
|
|
|
+ <small class="text-muted col-6 px-0">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6 px-0">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course18m').html(sec05course18m);
|
|
|
+ $(".title-text-m").each(function () {
|
|
|
+ var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
+ if (len > 22) {
|
|
|
+ var str = "";
|
|
|
+ str = $(this).text().substring(0, 22) + "..."; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
+ $(this).html(str); //將替換的值賦值給當前物件
|
|
|
+ }
|
|
|
+});
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 健身舞蹈m-23-->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[23]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course23m = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course23m += ' \
|
|
|
+ <div class="col-6 px-2 my-3">\
|
|
|
+ <div class="card h-100">\
|
|
|
+ <a target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <img src="'+ msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
+ <div class="card-body px-1">\
|
|
|
+ <div class="card-title1 d-flex align-items-center mb-3">\
|
|
|
+ <a class="course-src" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text-m">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-6 px-1">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:18px;" class="col-6 px-0">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course23m').html(sec05course23m);
|
|
|
+ $(".title-text-m").each(function () {
|
|
|
+ var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
+ if (len > 22) {
|
|
|
+ var str = "";
|
|
|
+ str = $(this).text().substring(0, 22) + "..."; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
+ $(this).html(str); //將替換的值賦值給當前物件
|
|
|
+ }
|
|
|
+});
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 管理營銷m-22-->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[22]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course22m = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course22m += ' \
|
|
|
+ <div class="sec05-course-m my-4">\
|
|
|
+ <div class="row px-0 mx-0">\
|
|
|
+ <div class="col-5">\
|
|
|
+ <img class="img-fluid" src="'+ msg[i].cover_img + '" alt="">\
|
|
|
+ </div>\
|
|
|
+ <div class="col-7 px-0">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src mb-2" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text-m">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p class="card-text row mx-0">\
|
|
|
+ <small class="text-muted col-6 px-0">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6 px-0">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course22m').html(sec05course22m);
|
|
|
+ $(".title-text-m").each(function () {
|
|
|
+ var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
+ if (len > 22) {
|
|
|
+ var str = "";
|
|
|
+ str = $(this).text().substring(0, 22) + "..."; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
+ $(this).html(str); //將替換的值賦值給當前物件
|
|
|
+ }
|
|
|
+});
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 享受生活m-16-->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[15]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course15m = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course15m += ' \
|
|
|
+ <div class="sec05-course-m my-4">\
|
|
|
+ <div class="row px-0 mx-0">\
|
|
|
+ <div class="col-5">\
|
|
|
+ <img class="img-fluid" src="'+ msg[i].cover_img + '" alt="">\
|
|
|
+ </div>\
|
|
|
+ <div class="col-7 px-0">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src mb-2" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text-m">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p class="card-text row mx-0">\
|
|
|
+ <small class="text-muted col-6 px-0">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6 px-0">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course15m').html(sec05course15m);
|
|
|
+ $(".title-text-m").each(function () {
|
|
|
+ var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
+ if (len > 22) {
|
|
|
+ var str = "";
|
|
|
+ str = $(this).text().substring(0, 22) + "..."; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
+ $(this).html(str); //將替換的值賦值給當前物件
|
|
|
+ }
|
|
|
+});
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 斜槓理財m-17-->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[17]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course17m = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course17m += ' \
|
|
|
+ <div class="sec05-course-m my-4">\
|
|
|
+ <div class="row px-0 mx-0">\
|
|
|
+ <div class="col-5">\
|
|
|
+ <img class="img-fluid" src="'+ msg[i].cover_img + '" alt="">\
|
|
|
+ </div>\
|
|
|
+ <div class="col-7 px-0">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src mb-2" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text-m">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p class="card-text row mx-0">\
|
|
|
+ <small class="text-muted col-6 px-0">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6 px-0">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course17m').html(sec05course17m);
|
|
|
+ $(".title-text-m").each(function () {
|
|
|
+ var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
+ if (len > 22) {
|
|
|
+ var str = "";
|
|
|
+ str = $(this).text().substring(0, 22) + "..."; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
+ $(this).html(str); //將替換的值賦值給當前物件
|
|
|
+ }
|
|
|
+});
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+<!-- 變美課程m-16-->
|
|
|
+<script>
|
|
|
+ $(document).ready(function () {
|
|
|
+ $.ajax({
|
|
|
+ method: "POST",
|
|
|
+ url: "https://welife.asia:8002/get_courses",
|
|
|
+ data: '[16]',
|
|
|
+ dataType: "json",
|
|
|
+
|
|
|
+ })
|
|
|
+ .done(function (msg) {
|
|
|
+ var sec05course16m = '';
|
|
|
+ console.log(msg);
|
|
|
+ var res = msg.length;
|
|
|
+ console.log(res);
|
|
|
+ const limit = res;
|
|
|
+ for (var i = 0; i < limit; i++) {
|
|
|
+ sec05course16m += ' \
|
|
|
+ <div class="sec05-course-m my-4">\
|
|
|
+ <div class="row px-0 mx-0">\
|
|
|
+ <div class="col-5">\
|
|
|
+ <img class="img-fluid" src="'+ msg[i].cover_img + '" alt="">\
|
|
|
+ </div>\
|
|
|
+ <div class="col-7 px-0">\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a class="course-src mb-2" data-info="'+ msg[i].id + '" target="_blank" href="'+ msg[i].url + '">\
|
|
|
+ <h1 style="font-weight:700; font-size: 18px;" class="title-text-m">'+ msg[i].title + '</h1>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ <p class="card-text row mx-0">\
|
|
|
+ <small class="text-muted col-6 px-0">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 25px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/fire.png" alt=""><span>'+ msg[i].clicks + '人</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#FF0000; font-size:20px;" class="col-6 px-0">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </div>';
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ $('#sec05-course16m').html(sec05course16m);
|
|
|
+ $(".title-text-m").each(function () {
|
|
|
+ var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
+ if (len > 22) {
|
|
|
+ var str = "";
|
|
|
+ str = $(this).text().substring(0, 22) + "..."; //使用字串擷取，獲取前30個字元，多餘的字元使用“......”代替
|
|
|
+ $(this).html(str); //將替換的值賦值給當前物件
|
|
|
+ }
|
|
|
+});
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+
|
|
|
+<script>
|
|
|
+ (function () {
|
|
|
+ const second = 1000,
|
|
|
+ minute = second * 60,
|
|
|
+ hour = minute * 60,
|
|
|
+ day = hour * 24;
|
|
|
+ var nextHour = new Date(new Date().getTime() + 3 * 60 * 60 * 1000);
|
|
|
+ console.log(nextHour);
|
|
|
+
|
|
|
+ // let birthday = "Aug 31, 2021 23:59:00",
|
|
|
+ countDown = new Date(nextHour).getTime(),
|
|
|
+
|
|
|
+ x = setInterval(function () {
|
|
|
+
|
|
|
+ let now = new Date().getTime(),
|
|
|
+ distance = countDown - now;
|
|
|
+
|
|
|
+ // var a = (distance / (day));
|
|
|
+ var b = (distance % (day)) / (hour);
|
|
|
+ var c = (distance % (hour)) / (minute);
|
|
|
+ var d = (distance % (minute)) / (second);
|
|
|
+
|
|
|
+ var hour1 = Math.floor(b);
|
|
|
+ var result = hour1 < 10 ? '0' + hour1 : hour1;
|
|
|
+
|
|
|
+ var second1 = Math.floor(d);
|
|
|
+ var result2 = second1 < 10 ? '0' + second1 : second1;
|
|
|
+
|
|
|
+ var minute1 = Math.floor(c);
|
|
|
+ var result3 = minute1 < 10 ? '0' + minute1 : minute1;
|
|
|
+
|
|
|
+ // var day1 = Math.floor(a);
|
|
|
+ // var result4 = day1 < 10 ? '0' + day1 : day1;
|
|
|
+
|
|
|
+ // document.getElementById("days").innerText = result4,
|
|
|
+
|
|
|
+ document.getElementById("hours").innerText = result,
|
|
|
+ document.getElementById("minutes").innerText = result3,
|
|
|
+ document.getElementById("seconds").innerText = result2;
|
|
|
+
|
|
|
+
|
|
|
+ //do something later when date is reached
|
|
|
|
|
|
+ //seconds
|
|
|
+ }, 0)
|
|
|
+}());
|
|
|
+</script>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
jeter20131220
