新增Salekit

about.html

@@ -177,7 +177,8 @@
                                     <img class="img-fluid" src="./img/about/组 30.png" alt="">
                                 </div>
                                 <div class="col-lg-7 d-flex align-items-end ps-0">
-                                    <p class="service-text p-2 mb-0">AMP一頁式高速網站服務</p>
+                                    <p class="service-text p-2 mb-0" data-bs-toggle="modal"
+                                        data-bs-target="#exampleModal3">AMP一頁式高速網站服務</p>
                                 </div>
                             </div>
                         </div>
@@ -187,7 +188,8 @@
                                     <img class="img-fluid" src="./img/about/组 31.png" alt="">
                                 </div>
                                 <div class="col-lg-7 d-flex align-items-end ps-0">
-                                    <p class="service-text p-2 mb-0">SEO關鍵字優化分析服務</p>
+                                    <p class="service-text p-2 mb-0" data-bs-toggle="modal"
+                                    data-bs-target="#exampleModal2">SEO關鍵字優化分析服務</p>
                                 </div>
                             </div>
                         </div>
@@ -197,7 +199,8 @@
                                     <img class="img-fluid" src="./img/about/组 32.png" alt="">
                                 </div>
                                 <div class="col-lg-7 d-flex align-items-end ps-0">
-                                    <p class="service-text p-2 mb-0">AI Spokesgirl虛擬主播</p>
+                                    <p class="service-text p-2 mb-0" data-bs-toggle="modal"
+                                    data-bs-target="#exampleModal">AI Spokesgirl虛擬主播</p>
                                 </div>
                             </div>
                         </div>
@@ -206,6 +209,228 @@
             </div>
         </div>
     </section>
+    <!-- AI Spokesgirl虛擬主播Modal -->
+    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+        <div id="Salekit" class="modal-dialog modal-xl">
+            <div class="modal-content">
+                <div class="modal-header border-0">
+                    <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片6.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片7.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片8.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片9.JPG" alt="">
+                    </div>
+                    <!-- <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片10.JPG" alt="">
+                    </div> -->
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片12.JPG" alt="">
+                    </div>
+                    <!-- <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片13.JPG" alt="">
+                    </div> -->
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片14.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片15.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片16.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片17.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片18.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片19.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片20.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片21.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片22.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片23.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片24.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片25.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片26.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片27.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片28.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片29.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片30.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片31.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片32.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片33.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片34.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片35.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片36.JPG" alt="">
+                    </div>
+                    <!-- <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片37.JPG" alt="">
+                    </div> -->
+                    <!-- <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片38.JPG" alt="">
+                    </div> -->
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片39.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片40.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片41.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片42.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片43.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AISpokesgirl/投影片44.JPG" alt="">
+                    </div>
+                </div>
+              
+            </div>
+        </div>
+    </div>
+     <!-- SEO Modal -->
+     <div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+        <div id="Salekit" class="modal-dialog modal-xl">
+            <div class="modal-content">
+                <div class="modal-header border-0">
+                    <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片45.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片46.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片47.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片48.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片49.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片50.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片51.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片52.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片53.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片54.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片55.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片56.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/SEO/投影片57.JPG" alt="">
+                    </div>
+                </div>
+              
+            </div>
+        </div>
+    </div>
+     <!-- AMP Modal -->
+     <div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+        <div id="Salekit" class="modal-dialog modal-xl">
+            <div class="modal-content">
+                <div class="modal-header border-0">
+                    <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> -->
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片58.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片59.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片60.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片61.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片62.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片63.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片64.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片65.JPG" alt="">
+                    </div>
+                    <div class="mt-5">
+                        <img class="w-100" src="./img/AMP/投影片66.JPG" alt="">
+                    </div>
+                </div>
+              
+            </div>
+        </div>
+    </div>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
         integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
         crossorigin="anonymous"></script>

salekit.json

@@ -0,0 +1,86 @@
+[
+    
+    {   "title":"AI Spokesgirl 服務    ",
+        "Salesimg": [
+            {
+                "img":"img/AISpokesgirl/投影片6.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片7.JPG"
+            },
+         
+            {
+                "img":"img/AISpokesgirl/投影片8.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片9.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片10.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片11.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片12.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片13.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片14.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片15.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片16.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片17.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片18.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片19.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片20.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片21.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片22.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片23.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片24.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片25.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片26.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片27.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片28.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片29.JPG"
+            },
+            {
+                "img":"img/AISpokesgirl/投影片30.JPG"
+            }
+
+
+        ]
+    }
+ 
+]

style.css

@@ -982,5 +982,6 @@ p {
   color: #fff;
   font-size: 22px;
   width: 265px;
+  cursor: pointer;
 }
 /*# sourceMappingURL=style.css.map */

style.scss

@@ -879,6 +879,7 @@ p {
       color: #fff;
       font-size: 22px;
       width: 265px;
+      cursor: pointer;
     }
   }
 }

video.html

@@ -18,6 +18,7 @@
     <link rel="stylesheet" href="./style.css">
 </head>
 
+
 <body id="top">
     <section style="position: relative;">
         <img style="position: absolute; left:15vw; top:8.5vw;z-index: 10;" width="150" src="./img/line_2.png" alt="">
@@ -43,7 +44,8 @@
                         <img style="position: relative; right:20px;" class="img-fluid" src="./img/about/Bar.png" alt="">
                         <div class="card-img-overlay">
                             <div class="mt-3 me-2">
-                                <h1 style="font-size:3rem;" class="fw-bold mb-0 text-white" set-lan="html:index-videos">影片導覽</h1>
+                                <h1 style="font-size:3rem;" class="fw-bold mb-0 text-white" set-lan="html:index-videos">
+                                    影片導覽</h1>
                             </div>
                         </div>
                     </div>
@@ -107,100 +109,92 @@
                 <!-- <h1 class="p-2">實際應用</h1> -->
                 <div class="row row-cols-lg-3 px-0 mx-0">
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="AAA8pkLcfY8" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="AAA8pkLcfY8" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/封面_AI Spokesgirl.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="83uE8kVIWsM" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="83uE8kVIWsM" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/封面_氣象.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="y0dgW_dcgDE" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="y0dgW_dcgDE" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/封面_翠玉.webp" alt="">
                     </div>
                 </div>
-            
+
             </section>
-            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3" set-lan="html:application">實際應用</h1>
+            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3"
+                set-lan="html:application">實際應用</h1>
         </div>
         <div style="margin-bottom: 100px;">
-               <!-- dailypaper -->
+            <!-- dailypaper -->
             <section class="sec-video" style="width: 75vw; margin: 0 auto" id='dailypaper-video'>
                 <!-- <h1 class="p-2" set-lan="html:local_news">地方日報</h1> -->
                 <div class="row row-cols-lg-3 px-0 mx-0">
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="EuI2Lh2FWDo" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="EuI2Lh2FWDo" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/0923(1)_YT封面_地方.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="YQx_3O8W7hM" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="YQx_3O8W7hM" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/0917(03)_YT封面_地方.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="kzQKfJyQHc0" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="kzQKfJyQHc0" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/0924(02)_YT封面_地方.webp" alt="">
                     </div>
                 </div>
             </section>
-            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3" set-lan="html:local_news">地方日報</h1>
+            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3"
+                set-lan="html:local_news">地方日報</h1>
         </div>
-     
+
         <div style="margin-bottom: 100px;">
             <!-- metaverse -->
-            <section class="sec-video" style="width: 75vw; margin:auto"  id='metaverse-video'>
+            <section class="sec-video" style="width: 75vw; margin:auto" id='metaverse-video'>
                 <!-- <h1 class="p-2" set-lan="html:metaverse">元宇宙</h1> -->
                 <div class="row row-cols-lg-3 px-0 mx-0">
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="hoSKF4X5OgU" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="hoSKF4X5OgU" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/0923_IG封面_NFT.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="QQBzJwHjMlk" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="QQBzJwHjMlk" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/0927_YT封面_NFT.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="LsS2SXQ1wrs" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="LsS2SXQ1wrs" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/1001_YT封面_NFT.webp" alt="">
                     </div>
                 </div>
             </section>
-            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3" set-lan="html:metaverse">元宇宙</h1>
+            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3"
+                set-lan="html:metaverse">元宇宙</h1>
         </div>
 
-        
+
         <div style="margin-bottom: 100px;">
             <!-- NFT -->
             <section class="sec-video" style="width: 75vw; margin: 0 auto" id='NFT-video'>
                 <!-- <h1 class="p-2">NFT</h1> -->
                 <div class="row row-cols-lg-3 px-0 mx-0">
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="LKOLD4ssEIA" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="LKOLD4ssEIA" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/0818_YT封面_NFT.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="QVYsivxltkg" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="QVYsivxltkg" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/0819_YT封面_NFT.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="-udbHXGkqJM" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="-udbHXGkqJM" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/0907_YT封面_NFT.webp" alt="">
                     </div>
                 </div>
-               
+
             </section>
-            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3">NFT</h1>
+            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;"
+                class="py-5 fw-bold ps-3">NFT</h1>
         </div>
         <div style="margin-bottom: 100px;">
 
@@ -209,25 +203,23 @@
                 <!-- <h1 class="p-2" set-lan="html:5G_network">5G網路</h1> -->
                 <div class="row row-cols-lg-3 px-0 mx-0">
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="iZxOOUPWL-Q"
-                            data-bs-toggle="modal" data-bs-target="#exampleModal" src="./img/video/1007_YT封面_NFT.webp" alt="">
+                        <img class="video-img img-fluid" data-info="iZxOOUPWL-Q" data-bs-toggle="modal"
+                            data-bs-target="#exampleModal" src="./img/video/1007_YT封面_NFT.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="NWyxxTfBAmA" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="NWyxxTfBAmA" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/1005_YT封面_NFT.webp" alt="">
                     </div>
                     <div class="col">
-                        <img class="video-img img-fluid"
-                            data-info="C0EHKQX-B4M" data-bs-toggle="modal"
+                        <img class="video-img img-fluid" data-info="C0EHKQX-B4M" data-bs-toggle="modal"
                             data-bs-target="#exampleModal" src="./img/video/1006_YT封面_NFT.webp" alt="">
                     </div>
                 </div>
             </section>
-            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3" set-lan="html:5G_network">5G網路</h1>
+            <h1 style="font-size: 32px;background:#D4DAEC; color:#193179; margin-top: -100px;" class="py-5 fw-bold ps-3"
+                set-lan="html:5G_network">5G網路</h1>
         </div>
-          
+
 
 
 
@@ -260,8 +252,9 @@
                                 height: 100%;
                             }
                         </style>
-                        <div class='embed-container'><iframe class='youtube-video' src='https://www.youtube.com/embed//XfTQ2uIWWbA'
-                                frameborder='0' allowfullscreen height="394" allow="autoplay;"></iframe></div>
+                        <div class='embed-container'><iframe class='youtube-video'
+                                src='https://www.youtube.com/embed//XfTQ2uIWWbA' frameborder='0' allowfullscreen
+                                height="394" allow="autoplay;"></iframe></div>
                     </div>
                 </div>
             </div>