廣告增加

index.html

@@ -19,12 +19,6 @@
     <!-- 主選單 -->
     <section id="Navigation" class="container-fluid mx-0 px-0">
        
-            <!-- <section class="courseadv" style="background: #fff;" class="course-adv px-0 mx-0">
-                <div class="row">
-                    <div class="col-lg-11"> <p class="text-center">爱学习折扣| 购买课程最低仅需 NT$330，可以获得折扣课程的最后一天。仅剩 9 小时 51 分钟 29 秒。</p></div>
-                    <div class="col-lg-1"><img  class="close-adv" width="16px" src="./img/close2.png" alt=""></div>
-                </div>
-            </section> -->
             <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>
@@ -41,6 +35,12 @@
             </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，可以获得折扣课程的最后一天。仅剩 9 小时 51 分钟 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="">
@@ -175,10 +175,10 @@
                 </div>
                 <div id="sec02-content" class="col-lg-9">
                     <div class="row">
-                        <div class="sec02-box1   col-lg-4">
+                        <div class="sec02-box1 col-lg-4">
                             <a target="_blank"
                                 href="https://www.masterclass.com/classes/bobbi-brown-teaches-makeup-and-beauty"><img
-                                    src="./img/sec02/sec02-1-removebg-preview.png" alt=""></a>
+                                    src="./img/sec02/sec02-1.png" alt=""></a>
                             <div class="sec02-top-text"><span>1.</span>Bobbi Brown</div>
                             <div>你會學會如何選擇正確的基礎，做一個煙熏的眼睛和動人的嘴唇，並按著你的樣子呈現，無論是白天或晚上。但最重要的是，你會學會如何對自己的皮膚有信心。</div>
                         </div>
@@ -212,17 +212,26 @@
             <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 class="" id="top1" src="./img/sec02/sec02-1.png" alt="">
+                        <a target="_blank" href="https://www.masterclass.com/classes/bobbi-brown-teaches-makeup-and-beauty">
+
+                            <img class="" id="top1" src="./img/sec02/sec02-1.png" alt="">
+                        </a>
                         <div class="sec02-top-text"><span>1</span>Bobbi</div>
                         <div class="sec02-top-text">你會學會如何對自己的皮膚有信心。</div>
                     </div>
                     <div class="sec02-box1 col-4 order-1">
-                        <img width="110px;" src="./img/sec02/sec02-2.png" alt="">
+                        <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>
                         <div class="sec02-top-text" style="display: block;">您可以學習如何使用日常食材構建從開胃菜到甜點的高級菜肴。 </div>
                     </div>
                     <div class="sec02-box1 col-4  order-3">
-                        <img width="115px;" src="./img/sec02/sec02-3-removebg-preview.png" alt="">
+                        <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>
                         <div class="sec02-top-text" style="display: block;">您將學習如何在當地採取行動並保護地球。</div>
                     </div>

style.css

@@ -999,7 +999,7 @@ body .line {
 
 @media screen and (max-width: 767px) {
   #sec05 #tag-group .tag button {
-    font-size: 16px;
+    font-size: 18px;
     padding-left: 5px;
     padding-right: 5px;
     margin-right: 5px;
@@ -1007,9 +1007,9 @@ body .line {
   }
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (max-width: 350px) {
   #sec05 #tag-group .tag button {
-    font-size: 14px;
+    font-size: 16px;
   }
 }
 

style.scss

@@ -826,15 +826,16 @@ body {
                 background: none;
                 font-size: 24px;
                 @media screen and(max-width:$moblie) {
-                    font-size: 16px;
+                    font-size: 18px;
                     padding-left: 5px;
                     padding-right: 5px;
                     margin-right: 5px;
                     color: #292421;
                 }
-                @media screen and(max-width:$moblie) {
-                    font-size: 14px;
+                @media screen and(max-width:350px) {
+                    font-size: 16px;
                 }
+                
                 &:hover,
                 &:focus {
                     color: #fff;