|
|
@@ -22,11 +22,11 @@
|
|
|
<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="">最新課程</a>
|
|
|
- <a data-gt-target="#sec02" data-gt-duration="800" data-gt-offset="60">TOP 10 熱門課程</a>
|
|
|
- <a data-gt-target="#sec04" data-gt-duration="500" data-gt-offset="60">專欄報導</a>
|
|
|
- <a data-gt-target="#sec05" data-gt-duration="500" data-gt-offset="60">課程分類</a>
|
|
|
- <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">合作對象</a>
|
|
|
+ <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="">
|
|
|
@@ -69,7 +69,7 @@
|
|
|
<hr class="line">
|
|
|
</div>
|
|
|
<div id="sec01-container" class="row row-cols-1 row-cols-md-4 g-4">
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
|
|
|
@@ -178,7 +178,7 @@
|
|
|
<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">
|
|
|
- <img width="130px;" class="" id="top1" src="./img/sec02/sec02-1-removebg-preview.png" alt="">
|
|
|
+ <img class="" id="top1" src="./img/sec02/sec02-1.png" alt="">
|
|
|
<div class="sec02-top-text"><span>1</span>Bobbi</div>
|
|
|
<div class="sec02-top-text">你會學會如何對自己的皮膚有信心。</div>
|
|
|
</div>
|
|
|
@@ -563,43 +563,39 @@
|
|
|
</div>
|
|
|
<div id="sec04-container" class="row row-cols-1 row-cols-md-4 g-4">
|
|
|
<div class="col">
|
|
|
- <div class="card">
|
|
|
- <img src="./img/sec01/sec01-01webp.webp" class="card-img-top" alt="...">
|
|
|
+ <div class="card h-100">
|
|
|
+ <img src="./img/sec04/sec04-4.jpg" class="card-img-top" alt="...">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">標題</h5>
|
|
|
- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
- additional</p>
|
|
|
+ <h5 class="card-title">從王力宏的直播看線上課程的推動</h5>
|
|
|
+ <p class="card-text">線上課程因為每一次的疫情再起助推了一波又一波的趨勢，7月王力宏在直播中公開這一次線上課程的發布，引起了課單價7000台幣、同時間三千多堂課的搶購，意外的再次掀起名人課的風潮。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col">
|
|
|
- <div class="card">
|
|
|
- <img src="./img/sec01/sec01-2webp.webp" class="card-img-top" alt="...">
|
|
|
+ <div class="card h-100">
|
|
|
+ <img src="./img/sec04/sec04-1.png" class="card-img-top" alt="...">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">標題</h5>
|
|
|
- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
- additional</p>
|
|
|
+ <h5 class="card-title">5個國際最佳線上課程選擇</h5>
|
|
|
+ <p class="card-text">2021 年5門國際最受好評的個人和專業發展課程、課程認證和培訓網站</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col">
|
|
|
- <div class="card">
|
|
|
- <img src="./img/sec01/sec01-3webp.webp" class="card-img-top" alt="...">
|
|
|
+ <div class="card h-100">
|
|
|
+ <img src="./img/sec04/sec01-2.png" class="card-img-top" alt="...">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">標題</h5>
|
|
|
- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
- additional</p>
|
|
|
-
|
|
|
+ <h5 class="card-title">強推薦~生命洗禮後的變美課</h5>
|
|
|
+ <p class="card-text">健康飲食真的很重要，節食和吃藥看似效果快，其實反彈起來更加可怕，分分鐘超過原來的體重。而運動沒效果，是因為我們女生肌肉少，能量消耗慢</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col">
|
|
|
- <div class="card">
|
|
|
- <img src="./img/sec01/sec01-4webp.webp" class="card-img-top" alt="...">
|
|
|
+ <div class="card h-100">
|
|
|
+ <img src="./img/sec04/sec04-3.png" class="card-img-top" alt="...">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">標題</h5>
|
|
|
- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
- additional</p>
|
|
|
+ <h5 class="card-title">侯吉諒書法講堂：從零開始，學寫一手好字</h5>
|
|
|
+ <p class="card-text">侯吉諒精通詩文、古典與現代文學、書法、繪畫，篆刻，為難得一見之全方位創作者，因長期接觸中西方各種藝術，在作品中深入古典而又具有強烈的現代意識，</p>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -618,42 +614,39 @@
|
|
|
</div>
|
|
|
<div id="sec04-moblie-container" class="row row-cols-1 row-cols-md-4 g-4">
|
|
|
<div class="col">
|
|
|
- <div class="card">
|
|
|
- <img src="./img/sec01/sec01-01webp.webp" class="card-img-top" alt="...">
|
|
|
+ <div class="card h-100">
|
|
|
+ <img src="./img/sec04/sec04-4.jpg" class="card-img-top" alt="...">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">標題</h5>
|
|
|
- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
- additional</p>
|
|
|
+ <h5 class="card-title">從王力宏的直播看線上課程的推動</h5>
|
|
|
+ <p class="card-text">線上課程因為每一次的疫情再起助推了一波又一波的趨勢，7月王力宏在直播中公開這一次線上課程的發布，引起了課單價7000台幣、同時間三千多堂課的搶購，意外的再次掀起名人課的風潮。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col">
|
|
|
- <div class="card">
|
|
|
- <img src="./img/sec01/sec01-2webp.webp" class="card-img-top" alt="...">
|
|
|
+ <div class="card h-100">
|
|
|
+ <img src="./img/sec04/sec04-1.png" class="card-img-top" alt="...">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">標題</h5>
|
|
|
- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
- additional</p>
|
|
|
+ <h5 class="card-title">5個國際最佳線上課程選擇</h5>
|
|
|
+ <p class="card-text">2021 年5門國際最受好評的個人和專業發展課程、課程認證和培訓網站</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col">
|
|
|
- <div class="card">
|
|
|
- <img src="./img/sec01/sec01-3webp.webp" class="card-img-top" alt="...">
|
|
|
+ <div class="card h-100">
|
|
|
+ <img src="./img/sec04/sec01-2.png" class="card-img-top" alt="...">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">標題</h5>
|
|
|
- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
- additional</p>
|
|
|
+ <h5 class="card-title">強推薦~生命洗禮後的變美課</h5>
|
|
|
+ <p class="card-text">健康飲食真的很重要，節食和吃藥看似效果快，其實反彈起來更加可怕，分分鐘超過原來的體重。而運動沒效果，是因為我們女生肌肉少，能量消耗慢</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col">
|
|
|
- <div class="card">
|
|
|
- <img src="./img/sec01/sec01-4webp.webp" class="card-img-top" alt="...">
|
|
|
+ <div class="card h-100">
|
|
|
+ <img src="./img/sec04/sec04-3.png" class="card-img-top" alt="...">
|
|
|
<div class="card-body">
|
|
|
- <h5 class="card-title">標題</h5>
|
|
|
- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to
|
|
|
- additional</p>
|
|
|
+ <h5 class="card-title">侯吉諒書法講堂：從零開始，學寫一手好字</h5>
|
|
|
+ <p class="card-text">侯吉諒精通詩文、古典與現代文學、書法、繪畫，篆刻，為難得一見之全方位創作者，因長期接觸中西方各種藝術，在作品中深入古典而又具有強烈的現代意識，</p>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -679,7 +672,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div id="sec05-container" class="container-fluid">
|
|
|
- <div id="sec05-course" class="row">
|
|
|
+ <div id="sec05-course" class="row row-cols-1 row-cols-md-2 g-4">
|
|
|
|
|
|
</div>
|
|
|
<!-- <img src="./img/sec05img1.webp" alt=""> -->
|
|
|
@@ -691,21 +684,24 @@
|
|
|
<div id="sec06-container-box">
|
|
|
<div class="">
|
|
|
<div id="sec06-title">
|
|
|
- <h1>合作對象</h1>
|
|
|
+ <h1 class="mb-0">合作對象</h1>
|
|
|
<hr>
|
|
|
</div>
|
|
|
</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://mintable.app/browse"><img
|
|
|
+ <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
|
|
|
class="img-fluid" src="./img/sec06/sec06-01-removebg-preview.png" alt=""></a>
|
|
|
</div>
|
|
|
|
|
|
- <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://knownorigin.io/"><img
|
|
|
+ <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
|
|
|
class="img-fluid" src="./img/sec06/sec06-06.jpg" alt=""></a></div>
|
|
|
|
|
|
|
|
|
@@ -715,22 +711,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
- <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://mintable.app/browse"><img
|
|
|
+ <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
|
|
|
class="img-fluid" src="./img/sec06/sec06-07.png" alt=""></a></div>
|
|
|
|
|
|
- <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://makersplace.com/"><img
|
|
|
+ <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
|
|
|
class="img-fluid" src="./img/sec06/sec06-8.png" alt=""></a></div>
|
|
|
|
|
|
- <div class="sec09-1 col-3 py-3"><a target="_blank" href="https://opensea.io/"><img
|
|
|
+ <div class="sec09-1 col-3 py-3"><a target="_blank" href=""><img
|
|
|
class="img-fluid" src="./img/sec06/sec06-02.png" alt=""></a></div>
|
|
|
|
|
|
-
|
|
|
<div class="col-3 py-3 d-flex align-items-center justfy-content-center"><a target="_blank"
|
|
|
- href=" https://superrare.com/"><img class="img-fluid"
|
|
|
+ href=""><img class="img-fluid"
|
|
|
src="./img/sec06/sec06-06-removebg-preview.png" alt=""></a>
|
|
|
</div>
|
|
|
- <div class="sec09-1 col-3 py-3 d-flex align-items-center justfy-content-center"><a
|
|
|
- target="_blank" href="https://zora.co/"><img class="sec09-7 img-fluid"
|
|
|
+ <div class="col-3 py-3 d-flex align-items-center justfy-content-center"><a
|
|
|
+ target="_blank" href=""><img class="sec09-7 img-fluid"
|
|
|
src="./img/sec06/sec06-05.png" alt=""></a></div>
|
|
|
|
|
|
</div>
|
|
|
@@ -742,26 +737,14 @@
|
|
|
|
|
|
<!-- footer -->
|
|
|
<footer id="footer" class="container-fluid" style="padding:0;margin:0">
|
|
|
- <div class="footer-link">
|
|
|
-
|
|
|
- <a target="https://www.facebook.com/nftboard"
|
|
|
- href="https://www.facebook.com/nftboard"><span>｜</span>粉絲專頁<span>｜</span></a>
|
|
|
- <a href=""><span>｜</span>OpenTalk<span>｜</span></a>
|
|
|
- <a href=""><span>｜</span>Ark.cards<span>｜</span></a>
|
|
|
- <a href=""><span>｜</span>NFTfair.art<span>｜</span></a>
|
|
|
- </div>
|
|
|
- <div class="text">
|
|
|
- <a href="tel:0988268521">
|
|
|
- <h2>客服電話：0988268521</h2>
|
|
|
+ <div class="text" style="padding-right:0;">
|
|
|
+ <a target="_blank" href="mailto:nftboard.info@gmail.com">
|
|
|
+ <h2>客服信箱：nftboard.info@gmail.com</h2>
|
|
|
</a>
|
|
|
- <a href="mailto:elainsmail@gmail.com">
|
|
|
- <h2>客服信箱：elainsmail@gmail.com</h2>
|
|
|
- </a>
|
|
|
- <h2 style="display: block;">公司名稱：微生活知識科技公司</h2>
|
|
|
- <p>開拓Open Talk © All Rights Reserved.</p>
|
|
|
+ <h2>公司名稱：微生活知識科技公司</h2>
|
|
|
+ <p>Opentakk © All Rights Reserved.</p>
|
|
|
</div>
|
|
|
</footer>
|
|
|
- <a href=""></a>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
|
|
|
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
|
|
|
@@ -774,7 +757,7 @@
|
|
|
<script src="./goto.js"></script>
|
|
|
<!-- 最新課程 -->
|
|
|
<script>
|
|
|
- window.onload=function() {
|
|
|
+ window.onload = function () {
|
|
|
$.ajax({
|
|
|
method: "POST",
|
|
|
url: "https://welife.asia:8002/get_courses_by_cid",
|
|
|
@@ -794,8 +777,10 @@
|
|
|
<div class="card h-100 d-inline-block">\
|
|
|
<a target="_blank" href="'+ msg[i].url + '"><img src="' + msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
<div class="card-body">\
|
|
|
- <a style="text-decoration: none; " target="_blank" href="'+ msg[i].url + '"><h1 style="font-weight:900; height:100px; font-size: 22px; color:#000;" class="card-title">' + msg[i].title + '</h1></a>\
|
|
|
- <p style="height:220px" class="card-text">'+ msg[i].profile + '</p>\
|
|
|
+ <div class="card-title1 d-flex align-items-center">\
|
|
|
+ <a style="text-decoration: none;" target="_blank" href="'+ msg[i].url + '"><h1 style="font-weight:900; font-size: 22px; color:#000;" 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 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>'+ msg[i].hours + 'hr</span>\
|
|
|
@@ -808,6 +793,22 @@
|
|
|
|
|
|
}
|
|
|
$('#sec01-container').html(sec01course);
|
|
|
+ $(".title-text").each(function () {
|
|
|
+ var len = $(this).text().length; //當前HTML物件text的長度
|
|
|
+ if (len > 28) {
|
|
|
+ var str = "";
|
|
|
+ str = $(this).text().substring(0, 28) + "......"; //使用字串擷取，獲取前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個字元，多餘的字元使用“......”代替
|
|
|
+ $(this).html(str); //將替換的值賦值給當前物件
|
|
|
+ }
|
|
|
+ });
|
|
|
});
|
|
|
}
|
|
|
</script>
|
|
|
@@ -831,26 +832,27 @@
|
|
|
const limit = res;
|
|
|
for (var i = 0; i < limit; i++) {
|
|
|
sec05course += ' \
|
|
|
- <div class="sec05-1 col-12 col-lg-6 my-3">\
|
|
|
- <div class="card mb-3 p-1" style="max-width: 600px;">\
|
|
|
- <div class="row g-0">\
|
|
|
- <div class="col-12 col-lg-12">\
|
|
|
- <a target="_blank" href="'+ msg[i].url + '"><img src="' + msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
- <small class="text-muted"><img class="m-1" style="width: 20px;" src="./img/sec05/master.png" alt="">'+ msg[i].units + '次學習</small>\
|
|
|
- </div>\
|
|
|
- <div class="col-12 col-lg-12 p-1">\
|
|
|
- <a style="text-decoration: none;" target="_blank" href="'+ msg[i].url + '"><h1 style="font-weight:900; font-size: 22px;" class="card-title">' + msg[i].title + '</h1></a>\
|
|
|
- <p class="card-text">'+ msg[i].profile + '</p>\
|
|
|
- <p class="card-text row">\
|
|
|
- <small class="text-muted col-8">\
|
|
|
- <img class="m-1" style="width: 20px;" src="./img/sec05/time.png"alt=""><span>'+ msg[i].hours + 'hr</span>\
|
|
|
- </small>\
|
|
|
- <small style="color:#eb144c; font-size:20px;" class="col-4">NT$'+ msg[i].price_discount + '</small>\
|
|
|
- </p>\
|
|
|
- </div>\
|
|
|
- </div> \
|
|
|
- </div> \
|
|
|
- </div>';
|
|
|
+ <div class="col my-3">\
|
|
|
+ <div class="card mb-3 p-1 h-100">\
|
|
|
+ <div class="row g-0">\
|
|
|
+ <div class="banner col-12 col-lg-12">\
|
|
|
+ <a target="_blank" href="'+ msg[i].url + '"><img src="' + msg[i].cover_img + '" class="img-fluid rounded-start" alt=""></a>\
|
|
|
+ </div>\
|
|
|
+ <small class="text-muted py-2"><img class="m-1" style="width: 20px;" src="./img/sec05/master.png" alt="">'+ msg[i].units + '次學習</small>\
|
|
|
+ <div class="col-12 col-lg-12 p-1">\
|
|
|
+ <a style="text-decoration: none;" target="_blank" href="'+ msg[i].url + '"><h1 style="font-weight:900; font-size: 22px;" class="card-title d-flex align-items-center">' + msg[i].title + '</h1></a>\
|
|
|
+ <p class="card-text card-content">'+ msg[i].profile + '</p>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-8">\
|
|
|
+ <img class="m-1" style="width: 20px;" src="./img/sec05/time.png"alt=""><span>'+ msg[i].hours + 'hr</span>\
|
|
|
+ </small>\
|
|
|
+ <small style="color:#eb144c;" class="price col-4">NT$'+ msg[i].price_discount + '</small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
+ </div> \
|
|
|
+ </div> \
|
|
|
+ </div>';
|
|
|
+
|
|
|
|
|
|
}
|
|
|
$('#sec05-course').html(sec05course);
|
|
|
@@ -875,7 +877,7 @@
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
-
|
|
|
+
|
|
|
</body>
|
|
|
|
|
|
</html>
|
jeter20131220
