beauty.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta name="copyright" content="2021 © Opentalk │ All Rights Reserved.">
  9. <meta name="creation-date" content="2021-07-09 12:00:04 GTM+8">
  10. <meta name="description" content="">
  11. <meta name="distribution" content="Taiwan">
  12. <meta name="keywords" content="">
  13. <meta name="revisit-after" content="1 days">
  14. <meta name="robots" content="all">
  15. <meta name="format-detection" content="telephone=no">
  16. <meta name="author" content="Choozmo">
  17. <meta property="og:image" content="" />
  18. <meta property="og:description" content="" />
  19. <meta property="og:site_name" content="Opentalk" />
  20. <meta property="og:title" content="" />
  21. <meta property="og:type" content="website" />
  22. <title>強推薦~生命洗禮後的變美課</title>
  23. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
  24. integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  25. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  26. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
  27. <link rel="stylesheet" href="./style.css">
  28. </head>
  29. <body>
  30. <section id="Navigation" class="container-fluid">
  31. <div id="nav" class="row">
  32. <div id="logo" class=" col-md-2 col-lg-2">
  33. <a href=""> <img src="./img/logo03_png.png" alt=""></a>
  34. </div>
  35. <div id="link" class="col-md-10 col-lg-10">
  36. <a data-gt-target="#sec01 " data-gt-duration="500" data-gt-offset="100">最新課程</a>
  37. <a data-gt-target="#sec02" data-gt-duration="800" data-gt-offset="180">TOP 10 熱門課程</a>
  38. <a data-gt-target="#sec04" data-gt-duration="500" data-gt-offset="150">專欄報導</a>
  39. <a data-gt-target="#sec05" data-gt-duration="500" data-gt-offset="100">課程分類</a>
  40. <a data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="80">合作對象</a>
  41. <a data-gt-target="#footer" data-gt-duration="500" data-gt-offset="50">聯絡我們</a>
  42. </div>
  43. <img id="menu-btn1" src="./img/menu.png" alt="">
  44. </div>
  45. </section>
  46. <div id="menu-box" class="container-fluid" style="padding:0;margin:0 ">
  47. <div id="menu-box2">
  48. <div style="text-align: right;">
  49. <img class="close" src="./img/close.png" alt="">
  50. </div>
  51. <a class="link" data-gt-target="#sec01" data-gt-duration="500" data-gt-offset="0"
  52. style="padding-top: 3vw;">最新課程</a>
  53. <hr>
  54. <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">TOP10 熱門課程</a>
  55. <hr>
  56. <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500" data-gt-offset="60">專欄報導</a>
  57. <hr>
  58. <a class="link" data-gt-target="#sec05-moblie" data-gt-duration="500" data-gt-offset="60">課程分類</a>
  59. <hr>
  60. <a class="link" data-gt-target="#sec06" data-gt-duration="500" data-gt-offset="60">合作對象</a>
  61. <hr>
  62. <a class="link" data-gt-target="#footer" data-gt-duration="500" data-gt-offset="">聯絡我們</a>
  63. <hr>
  64. </div>
  65. </div>
  66. <section class="py-5 bg-white mb-5"></section>
  67. <section id="adv01" class="py-5 bg-light">
  68. <div class="adv01-1 container-fluid">
  69. <a target="_blank" href="">
  70. <img class="img-fluid" src="./img/sec05img1.webp" alt="">
  71. </a>
  72. </div>
  73. </section>
  74. <section id="sec10" class="pt-3">
  75. <div class="row">
  76. <div class="content col-lg-7">
  77. <h1 class="sec10-title">
  78. 強推薦~生命洗禮後的變美課
  79. </h1>
  80. <p class="card-text"><small class="text-muted">By Opentalk</small></p>
  81. <img class="m-1" style="width: 20px;" src="./img/time.png" alt=""><span>2021/8/6</span>
  82. <hr>
  83. <a target="_blank" href="https://opentalk.center/categories/beauty">
  84. <img class="img-fluid" src="./img/sec04/sec01-2.png" alt="">
  85. </a>
  86. <div class="sec10-content mt-3">
  87. <p>她先開始節食,一天只吃一點點東西,餓到胃疼。好不容易瘦了幾斤,稍微吃多一點就立刻反彈;她試着吃減肥藥,結果嚴重影響睡眠,情緒也躁郁不安,整個人狀態很糟糕,不得不停下;</p>
  88. <p>她逼着自己去健身房,每天狂虐自己兩個小時,減了幾斤後就再也沒效果了,她開始瘋狂查資料、請教健身和瑜伽教練、自學營養學,研究了能找到的所有減肥知識,邊學習邊實踐,終於髮現了減肥失敗的原因:</p>
  89. <p style="font-weight: 900;">健康飲食真的很重要,節食和吃藥看似效果快,</p>
  90. <p style="font-weight: 900;">其實反彈起來更加可怕,分分鐘超過原來的體重。</p>
  91. <p>而運動沒效果,是因為我們女生肌肉少,能量消耗慢,可能跑一上午才能消耗完一頓飯的能量……(簡直絕望。。)</p>
  92. <p>無數次的失敗後,她終於摸索出一套“健康飲食+運動健身”的科學減肥方法,在3個月內成功甩掉18公斤,練出了馬甲線!
  93. 而且,除了瘦,她的皮膚更加緊致有型,笑容也更加自信了。
  94. </p>
  95. <p>在日常訓練中,擔心學員身體健康的她,並不急於求成,而是帶着學員循序漸進,逐步加大訓練強度,讓每個人都能清晰感受到自己的進步。</p>
  96. <p>課程連結:<a target="_blank" href="https://opentalk.center/categories/beauty">https://opentalk.center/categories/beauty</a></p>
  97. </div>
  98. </div>
  99. <div class="col-lg-1"></div>
  100. <!-- 側邊攔 -->
  101. <div class="side-bar col-lg-4">
  102. <hr>
  103. <h1>TOP5熱門課程</h1>
  104. <div class="card-body">
  105. <a target="_blank" href="https://opentalk.center/courses/camera">
  106. <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261443905469682.jpg" alt="">
  107. </a>
  108. <a target="_blank" href="https://opentalk.center/courses/camera">
  109. <h5 class="card-title pt-3">12堂小白手機攝影课_一天提升手機技能晉升攝影大神</h5>
  110. </a>
  111. <p class="card-text row">
  112. <small class="text-muted col-6">
  113. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.5hr</span>
  114. </small>
  115. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
  116. </p>
  117. </div>
  118. <div class="card-body">
  119. <a target="_blank" href="https://opentalk.center/courses/drppt8">
  120. <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261456953535905.jpg" alt="">
  121. </a>
  122. <a target="_blank" href="https://opentalk.center/courses/drppt8">
  123. <h5 class="card-title pt-3">靠PPT設計翻身年收破百萬,被你老板、同事、客戶驚豔全場的8堂課</h5>
  124. </a>
  125. <p class="card-text row">
  126. <small class="text-muted col-6">
  127. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.9hr</span>
  128. </small>
  129. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2580</small>
  130. </p>
  131. </div>
  132. <div class="card-body">
  133. <a target="_blank" href="https://opentalk.center/courses/beauty12">
  134. <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/162614397863322.jpg" alt="">
  135. </a>
  136. <a target="_blank" href="https://opentalk.center/courses/beauty12">
  137. <h5 class="card-title pt-3">超級逆齡煥顏術_女人我最大長駐示範老師</h5>
  138. </a>
  139. <p class="card-text row">
  140. <small class="text-muted col-6">
  141. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>3.2hr</span>
  142. </small>
  143. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
  144. </p>
  145. </div>
  146. <div class="card-body">
  147. <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
  148. <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261442236899505.jpg" alt="">
  149. </a>
  150. <a target="_blank" href="https://opentalk.center/courses/tea-spirit">
  151. <h5 class="card-title pt-3">借茶修為以茶養德</h5>
  152. </a>
  153. <p class="card-text row">
  154. <small class="text-muted col-6">
  155. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.7hr</span>
  156. </small>
  157. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$2280</small>
  158. </p>
  159. </div>
  160. <div class="card-body">
  161. <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
  162. <img class="img-fluid" src="https://welife.asia:8002/static/cover_img/16261435011242971.jpg" alt="">
  163. </a>
  164. <a target="_blank" href="https://opentalk.center/courses/aerobic_cat#section-description">
  165. <h5 class="card-title pt-3">有氧廋身塑形操_每天居家15分鐘跳出好身材</h5>
  166. </a>
  167. <p class="card-text row">
  168. <small class="text-muted col-6">
  169. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>7.2hr</span>
  170. </small>
  171. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1580</small>
  172. </p>
  173. </div>
  174. <hr>
  175. <a target="_blank" href="https://superrare.com/artwork-v2/cavity-25934"> <img class="img-fluid my-3"
  176. src="./img/adv/adv3-1.webp" alt=""></a>
  177. <a target="_blank" href="https://superrare.com/artwork-v2/paparazzi-princess-25976"> <img
  178. class="img-fluid my-3" src="./img/adv/adv3-2.webp" alt=""></a>
  179. <a target="_blank" href="https://superrare.com/artwork-v2/smoking-hero-25987"> <img
  180. class="img-fluid my-3" src="./img/adv/adv3-3.webp" alt=""></a>
  181. </div>
  182. </div>
  183. </section>
  184. <!-- <section id="adv02" class="py-5 bg-light">
  185. <div class="adv01-1 container-fluid">
  186. <img class="img-fluid" src="./img/sec01/218116504_124830393175329_4675674980376029305_n.jpg" alt="">
  187. </div>
  188. </section> -->
  189. <section id="sec11">
  190. <div id="sec11-container" class="container-fluid px-0 py-5">
  191. <h1>精選課程</h1>
  192. <div class="sec11-01 row row-col-1 row-cols-sm-2">
  193. <div class="col my-3">
  194. <div class="card mb-3 p-1 h-100 border-0">
  195. <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
  196. <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261454066915536.jpg" alt="">
  197. </a>
  198. <a target="_blank" href="https://www.facebook.com/nftboard/posts/126805716311130">
  199. <h2 class="my-3">12堂即學即用的朋友圈掘金術</h2>
  200. </a>
  201. <p class="card-text row">
  202. <small class="text-muted col-6">
  203. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>6.2hr</span>
  204. </small>
  205. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1280</small>
  206. </p>
  207. </div>
  208. </div>
  209. <div class="col my-3">
  210. <div class="card mb-3 p-1 h-100 border-0">
  211. <div class="col">
  212. <a target="_blank" href="https://opentalk.center/courses/starface">
  213. <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16286038525257046.jpg" alt="">
  214. </a>
  215. <a target="_blank" href="https://opentalk.center/courses/starface">
  216. <h2 class="my-3">中醫養顏凍齡術-劉詩詩佟麗娅明星御用中醫師</h2>
  217. </a>
  218. <p class="card-text row">
  219. <small class="text-muted col-6">
  220. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0.5hr</span>
  221. </small>
  222. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1380</small>
  223. </p>
  224. </div>
  225. </div>
  226. </div>
  227. <div class="col my-3">
  228. <div class="card mb-3 p-1 h-100 border-0">
  229. <div class="col">
  230. <a target="_blank" href="https://opentalk.center/courses/vs_slim">
  231. <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16286043185757644.jpg" alt="">
  232. </a>
  233. <a target="_blank" href="https://opentalk.center/courses/vs_slim">
  234. <h2 class="my-3">維密超模減脂塑形終極大課_4大瘦身塑形法</h2>
  235. </a>
  236. <p class="card-text row">
  237. <small class="text-muted col-6">
  238. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>0hr</span>
  239. </small>
  240. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$1680</small>
  241. </p>
  242. </div>
  243. </div>
  244. </div>
  245. <div class="col my-3">
  246. <div class="card mb-3 p-1 h-100 border-0">
  247. <div class="col">
  248. <a target="_blank" href="https://opentalk.center/courses/15hr">
  249. <img class="sec11-img img-fluid rounded-3" src="https://welife.asia:8002/static/cover_img/16261455481186454.jpg"
  250. alt="">
  251. </a>
  252. <a target="_blank" href="https://www.facebook.com/nftboard/posts/115261730798862">
  253. <h2 class="my-3">"人事經理親授:15個職場逆襲法則_幫你倍速加薪突破瓶頸"</h2>
  254. </a>
  255. <p class="card-text row">
  256. <small class="text-muted col-6">
  257. <img class="m-1" style="width: 25px; object-fit: cover; " src="./img/sec05/time.png"alt=""><span>3.5hr</span>
  258. </small>
  259. <small style="color:#eb144c; font-size:20px;" class="col-6">NT$999</small>
  260. </p>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </section>
  268. <footer id="footer" class="container-fluid" style="padding:0;margin:0">
  269. <div class="text" style="padding-right:0;">
  270. <a target="_blank" href="mailto:nftboard.info@gmail.com">
  271. <h2>客服信箱:nftboard.info@gmail.com</h2>
  272. </a>
  273. <h2>公司名稱:微生活知識科技公司</h2>
  274. <p>Opentakk &copy; All Rights Reserved.</p>
  275. </div>
  276. </footer>
  277. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  278. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  279. crossorigin="anonymous"></script>
  280. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
  281. integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
  282. crossorigin="anonymous"></script>
  283. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  284. <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  285. <script src="./goto.js"></script>
  286. <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.min.js"></script>
  287. <script src="./node_modules/jquery-touchswipe/jquery.touchSwipe.js"></script>
  288. </body>
  289. </html>