版面優化

desktop11/index.html

@@ -7,6 +7,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>HHH_Home_Decoration2</title>
 
+
+    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> -->
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
     <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
     <link rel="stylesheet" href="./style.css">
@@ -259,7 +262,12 @@
 
 
 
-    
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+        crossorigin="anonymous"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
     <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
     <script src="./goto.js"></script>

mobile/index.html

@@ -129,11 +129,11 @@
                     </div>
                 </div>
                 <div class="col-6" style="padding:0">
-                    <img class="img-fluid" src="./img/service/service001.jpg" alt="">
+                    <img class="img-fluid" src="./img/service/service001.webp" alt="">
                 </div>
             </div>
         </div>
-        <div class="container-fluid  mt-5 ">
+        <div class="container-fluid  mt-3 ">
             <div class="row ">
                 <div class="text col-6  bg-light.bg-gradient " style="background-color: #eee;">
                     <div class="left-box ">
@@ -148,7 +148,7 @@
                     </div>
                 </div>
                 <div class="col-6" style="padding:0">
-                    <img class="img-fluid" src="./img/service/service001.jpg" alt="">
+                    <img class="img-fluid" src="./img/service/service02.webp" alt="">
                 </div>
 
             </div>