tag修正

goto.js

@@ -151,7 +151,7 @@ $(".email-sub").submit(function (e) {
   jsonInfo.tags.forEach(function (value) {
     tag_str += value + ',';
   });
-  jsonInfo.tags = tag_str.slice(0, -1)
+  jsonInfo.tags = tag_str.slice(0, -1);
   var jsonString = JSON.stringify(jsonInfo);
   console.log(jsonString),
     $.ajax({

index.html

@@ -21,11 +21,12 @@
        
             <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>Opentalk</h1></a>
+                   
+                    <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">TOP 10 熱門課程</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>
@@ -37,14 +38,14 @@
     <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，可以獲得折扣课程的最后一天。僅剩 9 小時 51 分钟 29 秒。</p></div>
+                    <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>
             </section>
         <div class="row mx-0">
             <div class="form col-12 order-2 col-lg-5 order-lg-2">
                 <form class="email-sub" action="">
-                    <h1>TODAY'S THE DAY</h1>
+                    <h1>TODAY'S THE BEST DAY</h1>
                     <h4>歡迎訂閱掌握最新課程資訊</h4>
                     <div class="email-form mt-3" style="margin: 0 auto;">
                         <div style="text-align: center;">
@@ -58,7 +59,7 @@
                         <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="立即訂閱">
+                        <input class="email-subbtn my-3 " style="opacity: 1;" type="submit" value="領取折扣碼">
                      
                         
                     </div>
@@ -81,7 +82,7 @@
             <a class="link" data-gt-target="#sec01" data-gt-duration="500" data-gt-offset="60"
                 style="padding-top: 3vw;">最新課程</a>
             <hr>
-            <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">TOP10 熱門課程</a>
+            <a class="link" data-gt-target="#sec02-moblie" data-gt-duration="800" data-gt-offset="60">熱門課程</a>
             <hr>
             <a class="link" data-gt-target="#sec04-moblie" data-gt-duration="500" data-gt-offset="60">專欄報導</a>
             <hr>
@@ -169,8 +170,7 @@
         <div id="sec02-container" class="container-fluid">
             <div id="sec02-top-box" class="row">
                 <div id="sec02-top-title" class="col-lg-3">
-                    <h1>TOP 10</h1>
-                    <h1>熱門課程</h1>
+                    <h1>明星課程</h1>
                     <hr>
                 </div>
                 <div id="sec02-content" class="col-lg-9">
@@ -179,21 +179,21 @@
                             <a target="_blank"
                                 href="https://www.masterclass.com/classes/bobbi-brown-teaches-makeup-and-beauty"><img
                                     src="./img/sec02/sec02-1.png" alt=""></a>
-                            <div class="sec02-top-text"><span>1.</span>Bobbi Brown</div>
+                            <div class="sec02-top-text"><span></span>Bobbi Brown</div>
                             <div>你會學會如何選擇正確的基礎，做一個煙熏的眼睛和動人的嘴唇，並按著你的樣子呈現，無論是白天或晚上。但最重要的是，你會學會如何對自己的皮膚有信心。</div>
                         </div>
                         <div class="sec02-box1   col-lg-4">
                             <a target="_blank"
                                 href="https://www.masterclass.com/classes/gordon-ramsay-teaches-cooking-restaurant-recipes-at-home"><img
                                     src="./img/sec02/sec02-2.png" alt=""></a>
-                            <div class="sec02-top-text"><span>2.</span>Gordon Ramsay</div>
+                            <div class="sec02-top-text"><span></span>Gordon Ramsay</div>
                             <div>13 道餐廳風格的菜肴專為家庭烹飪而設計，您可以學習如何使用日常食材構建從開胃菜到甜點的高級菜肴。 </div>
                         </div>
                         <div class="sec02-box1   col-lg-4">
                             <a target="_blank"
-                                href="https://www.masterclass.com/classes/jane-goodall-teaches-conservation"></a><img
-                                src="./img/sec02/sec02-3-removebg-preview.png" alt="">
-                            <div class="sec02-top-text"><span>3.</span>Dr. Jane Goodall</div>
+                                href="https://www.masterclass.com/classes/jane-goodall-teaches-conservation"><img
+                                src="./img/sec02/sec02-3-removebg-preview.png" alt=""></a>
+                            <div class="sec02-top-text"><span></span>Dr. Jane Goodall</div>
                             <div>珍古德道爾博士分享了她對黑猩猩行為模式的研究，以及他們教她什麼關於保護的工作。您將學習如何在當地採取行動並保護地球。</div>
                         </div>
                     </div>
@@ -822,10 +822,10 @@
         </div>
         <div id="tag-group" class="my-5 rounded-pill">
             <div class="tag btn-group" role="group" aria-label="Basic outlined example">
-                <button id="15" type="button" class=" border-0 rounded-pill">享受生活</button>
-                <button id="16" type="button" class="border-0  rounded-pill">我要變美</button>
-                <button id="17" type="button" class=" border-0  rounded-pill">賺錢理財</button>
-                <button id="18" type="button" class=" border-0 rounded-pill">自我成長</button>
+                <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>
 
@@ -890,8 +890,8 @@
     <!-- footer -->
     <footer id="footer" class="container-fluid" style="padding:0;margin:0">
         <div class="text" style="padding-right:0;">
-            <a target="_blank" href="mailto:nftboard.info@gmail.com">
-                <h2>客服信箱：nftboard.info@gmail.com</h2>
+            <a target="_blank" href="mailto:opentalk.center@gmail.com">
+                <h2>客服信箱：opentalk.center@gmail.com</h2>
             </a>
             <h2>公司名稱：微生活知識科技公司</h2>
             <p>Opentalk &copy; All Rights Reserved.</p>
@@ -937,7 +937,7 @@
                                             <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>\
                                             </small>\
-                                            <small style="color:#292421; font-size:20px;" class="col-6">NT$'+ msg[i].price_discount + '</small>\
+                                            <small style="color:#FF0000; font-size:20px;" class="col-6">NT$'+ msg[i].price_discount + '</small>\
                                         </p>\
                                     </div>\
                                     </div>\
@@ -997,7 +997,7 @@
                                                     <small class="text-muted col-8">\
                                                         <img class="mb-1 mx-1" style="width: 20px;" src="./img/sec05/fire.png"alt=""><span class="">'+msg[i].clicks+'人</span>\
                                                     </small>\
-                                                <small style="color:#292421;" class="price col-4">NT$'+ msg[i].price_discount + '</small>\
+                                                <small style="color:#FF0000;" class="price col-4">NT$'+ msg[i].price_discount + '</small>\
                                                 </p>\
                                             </div>\
                                         </div> \
@@ -1011,19 +1011,22 @@
             }
             get_data();
             // 享受生活
-            $('#15').click(function () {
+            $('#015').click(function () {
+                console.log('15')
                 get_data('[15]');
             });
             // 我要變美
-            $('#16').click(function () {
+            $('#016').click(function () {
+                console.log('16')
                 get_data('[16]');
             });
             // 賺錢理財
-            $('#17').click(function () {
+            $('#017').click(function () {
+                console.log('17')
                 get_data('[17]');
             });
             // 自我成長
-            $('#18').click(function () {
+            $('#018').click(function () {
                 get_data('[18]');
             });
         });

style.css

@@ -34,7 +34,7 @@ body .secn-title {
 body .line {
   width: 8vw;
   height: 3px;
-  color: #292421;
+  color: #9400d3;
   margin-left: 12px;
   opacity: 1 !important;
   margin-top: 10px;
@@ -522,7 +522,7 @@ body .line {
 #sec02 #sec02-container #sec02-top-box #sec02-top-title hr {
   width: 5vw;
   height: 5px;
-  color: #fff;
+  color: #9400d3;
   margin: 10px auto;
   opacity: 1 !important;
 }
@@ -703,6 +703,7 @@ body .line {
 
 #sec03 #sec03-table .table img {
   width: 80px;
+  border-radius: 5px;
 }
 
 #sec03 #sec03-table .table .sec03-table-text {

style.scss

@@ -38,7 +38,7 @@ body {
     .line {
         width: 8vw;
         height: 3px;
-        color: #292421;
+        color:$subcolor;
         margin-left: 12px;
         opacity: 1 !important;
         margin-top: 10px;
@@ -439,7 +439,7 @@ body {
                 hr {
                     width: 5vw;
                     height: 5px;
-                    color: #fff;
+                    color:$subcolor;
                     margin: 10px auto;
                     opacity: 1 !important;
                     @media screen and(max-width:$moblie) {
@@ -588,6 +588,7 @@ body {
 
             img {
                 width: 80px;
+                border-radius: 5px;
             }
             .sec03-table-text {
                 padding: 10px;