頁面更新

index.html

@@ -635,6 +635,8 @@
         <hr class="line" style="opacity: 1;">
         <img id="bg2" src="./img/course-schedule/bg2.png" alt="">
         <div id="schedule-content">
+            <img id="arrow-right" src="./img/course-schedule/arrow-right.png" alt="">
+            <img  id="arrow-left" src="./img/course-schedule/arrow-right.png" alt="">
             <div class="row">
                 <div class="schedule-box col-md-4">
                     <h1>Day1上午</h1>
@@ -703,6 +705,7 @@
                     </div>
                 </div>
             </div>
+            <img class="arrow-left" src="./img/course-schedule/arrow-right.png" alt="">
             <div class="box col-10">
                 <div class="box1">
                     <h1>Day2上午</h1>
@@ -719,6 +722,7 @@
                     </div>
                 </div>
             </div>
+            <img class="arrow-right" src="./img/course-schedule/arrow-right.png" alt="">
             <div class="box col-10">
                 <div class="box1">
                     <h1>Day3上午</h1>

style.css

@@ -1228,6 +1228,20 @@ body .arrow {
   position: relative;
 }
 
+#course-schedule #arrow-right {
+  position: absolute;
+  top: 12vw;
+  right: 21vw;
+  width: 45px;
+}
+
+#course-schedule #arrow-left {
+  position: absolute;
+  top: 12vw;
+  left: 21vw;
+  width: 45px;
+}
+
 #course-schedule #element1 {
   position: absolute;
   top: 0vw;
@@ -1352,6 +1366,39 @@ body .arrow {
   background-size: 155%;
   background-repeat: no-repeat;
   background-position: 50% 50%;
+  position: relative;
+}
+
+.sec05 #card-box2 .arrow-left {
+  position: absolute;
+  left: 76vw;
+  top: 45vw;
+  z-index: 5;
+  width: 10vw !important;
+  height: 40vw;
+}
+
+@media screen and (max-width: 350px) {
+  .sec05 #card-box2 .arrow-left {
+    top: 50vw;
+    left: 70vw;
+  }
+}
+
+.sec05 #card-box2 .arrow-right {
+  position: absolute;
+  left: 155vw;
+  top: 45vw;
+  z-index: 5;
+  width: 10vw !important;
+  height: 40vw;
+}
+
+@media screen and (max-width: 350px) {
+  .sec05 #card-box2 .arrow-right {
+    top: 50vw;
+    left: 150vw;
+  }
 }
 
 .sec05 #card-box2 .box {

style.scss

@@ -760,7 +760,6 @@ body {
 .mobile01-2 {
     .mobile-box2 {
         .Course-mobile01 {
-         
             .card-box-2 {
                 padding: 1vw 15px 5vw 15px;
                 .card {
@@ -777,7 +776,18 @@ body {
     text-align: center;
     padding-bottom: 12vw !important;
     position: relative;
-
+    #arrow-right {
+        position: absolute;
+        top: 12vw;
+        right: 21vw;
+        width: 45px;
+    }
+    #arrow-left {
+        position: absolute;
+        top: 12vw;
+        left: 21vw;
+        width: 45px;
+    }
     #element1 {
         position: absolute;
         top: 0vw;
@@ -877,6 +887,31 @@ body {
         background-size: 155%;
         background-repeat: no-repeat;
         background-position: 50% 50%;
+        position: relative;
+        .arrow-left {
+            position: absolute;
+            left: 76vw;
+            top: 45vw;
+            z-index: 5;
+            width: 10vw !important;
+            height: 40vw;
+            @media screen and(max-width:350px) {
+                top: 50vw;
+                left: 70vw;
+            }
+        }
+        .arrow-right {
+            position: absolute;
+            left: 155vw;
+            top: 45vw;
+            z-index: 5;
+            width: 10vw !important;
+            height: 40vw;
+            @media screen and(max-width:350px) {
+                top: 50vw;
+                left: 150vw;
+            }
+        }
         .box {
             padding-bottom: 20vw !important;
             .box1 {