Inicio Explorar Ayuda
Registro Iniciar sesión
choozmo
/
SP_Glass
2
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Explorar el Código

bg update

jeter20131220 hace 3 años
padre
03752cd364
commit
d978984a81
Se han modificado 16 ficheros con 85 adiciones y 58 borrados
Dividir vista Mostrar estadísticas de diff
  1. 16 6
      about.html
  2. 3 3
      application.html
  3. 3 3
      glass-art.html
  4. BIN
      img/BG_01.webp
  5. BIN
      img/BG_02.webp
  6. BIN
      img/BG_03.webp
  7. BIN
      img/BG_04.webp
  8. BIN
      img/btn/增加溫度.png
  9. BIN
      img/btn/降低溫度.png
  10. 3 3
      index.html
  11. 3 3
      process1.html
  12. 37 28
      property.html
  13. 8 4
      style.css
  14. 1 1
      style.css.map
  15. 5 2
      style.scss
  16. 6 5
      video-2.html

+ 16 - 6
about.html
Ver fichero 

@@ -15,32 +15,42 @@
 
     <link rel="stylesheet" href="./style.css">
 
 </head>
 
 
-<body>
 
+<body style="background-color: #000;">
 
     <section class="sec01">
 
         <audio style="display: none;" src="./img/And Just Like That.mp3" autoplay controls></audio>
 
 
         <div class="card border-0">
 
-            <img src="./img/T1.webp" class="card-img img-fluid" alt="...">
 
+            <img src="./img/BG_04.webp" class="card-img img-fluid" alt="...">
 
             <div class="card-img-overlay pb-0">
 
                 <a style="text-decoration: none; position: absolute; top:15px;" href="./index.html">
 
                     <img style="width: 80px;" src="./img/btn/118561.png" alt="">
 
                 </a>
 
                 <div class="text-center">
 
-                    <p style="font-size: 48px" class="propertytitle text-dark fw-bold">關於春池玻璃</p>
 
+                    <p style="font-size: 48px; color:#fff;" class="propertytitle fw-bold">關於春池玻璃</p>
 
                 </div>
 
                 <div style="margin-top: -20px;" class="pb-5">
 
                     <img style="position: relative; z-index: 2; top:15px;" class="img-fluid px-0 w-100"
 
                         src="./img/line.png" alt="">
 
-                    <div style="background:	#FFFFFF;" class="py-3 border">
 
+                    <div style="background-color: #fff;color:#000; " class="py-3">
 
                         <div style="margin:0 auto; width: 95%;">
 
-                            <p style="font-size: 22px;" class="text-dark px-0 mb-5">
 
+                            <p style="font-size: 22px;" class="px-0 mb-5">
 
                                 春池玻璃實業有限公司，目前跨足於工業原料、科技建材、文化藝術與觀光工廠。本業為專業回收玻璃與再處理之企業，總公司在台灣新竹，並擁有三家相關企業。目前每年回收並處理超過10萬噸的春池玻璃，目前為全台最具規模之廢棄玻璃回收業者。其企業理念為永續經營，綠色創新。在2015更獲得根留台灣，展望全球之「金根獎」之殊榮。蔡總統英文更在2016年九月親自參訪春池玻璃觀光工廠，並給予極高評價，稱春池玻璃為台灣「循環經濟」之典範。
 
                             </p>
 
-                            <p style="font-size: 22px;" class="text-dark px-0">
 
+                            <p style="font-size: 22px;" class="px-0">
 
                                 春池玻璃創辦人吳春池，自1961年起，投入玻璃產業至今已超過50載。目前春池玻璃在新竹與苗栗有五座廢玻璃處理、再加工廠，回收的廢玻璃約占台灣的七成。其目標致力於把有限的資源，不停的循環使用，使其變成永續的材料，走出台灣循環經濟的下一條路。
 
                             </p>
 
                         </div>
 
                     </div>
 
+                    <!-- <div style="color:#fff;" class="py-3 mt-5">
 
+                        <div style="margin:0 auto; width: 95%;">
 
+                            <p style="font-size: 22px;" class="px-0 mb-5">
 
+                                春池玻璃實業有限公司，目前跨足於工業原料、科技建材、文化藝術與觀光工廠。本業為專業回收玻璃與再處理之企業，總公司在台灣新竹，並擁有三家相關企業。目前每年回收並處理超過10萬噸的春池玻璃，目前為全台最具規模之廢棄玻璃回收業者。其企業理念為永續經營，綠色創新。在2015更獲得根留台灣，展望全球之「金根獎」之殊榮。蔡總統英文更在2016年九月親自參訪春池玻璃觀光工廠，並給予極高評價，稱春池玻璃為台灣「循環經濟」之典範。
 
+                            </p>
 
+                            <p style="font-size: 22px;" class="px-0">
 
+                                春池玻璃創辦人吳春池，自1961年起，投入玻璃產業至今已超過50載。目前春池玻璃在新竹與苗栗有五座廢玻璃處理、再加工廠，回收的廢玻璃約占台灣的七成。其目標致力於把有限的資源，不停的循環使用，使其變成永續的材料，走出台灣循環經濟的下一條路。
 
+                            </p>
 
+                        </div>
 
+                    </div> -->
 
                     <div style="margin-top: 30px;">
 
                         <video style="width: 100%;" autoplay muted loop playsinline>
 
                             <source src="./img/about/bt01.mp4" type="video/mp4">

+ 3 - 3
application.html
Ver fichero 

@@ -15,17 +15,17 @@
 
     <link rel="stylesheet" href="./style.css">
 
 </head>
 
 
-<body>
 
+<body style="background-color: #000;">
 
     <section id="sec01" style="height: 100vh;" class="sec01">
 
         <audio style="display: none;" src="./img/And Just Like That.mp3" autoplay controls></audio>
 
 
         <div class="card border-0">
 
-            <img src="./img/T1.webp" class="card-img img-fluid" alt="...">
 
+            <img src="./img/BG_04.webp" class="card-img img-fluid" alt="...">
 
             <div class="card-img-overlay pb-0">
 
                 <a style="text-decoration: none; position: absolute; top:15px;" href="./index.html"> <img style="width: 80px;"
 
                         src="./img/btn/118561.png" alt=""></a>
 
                 <div class="text-center">
 
-                    <p style="font-size: 48px" class="propertytitle text-dark fw-bold">回收玻璃用途</p>
 
+                    <p style="font-size: 48px;color:#fff;" class="propertytitle fw-bold">回收玻璃用途</p>
 
                 </div>
 
                 <div>
 
                     <div class="process-box px-0">

+ 3 - 3
glass-art.html
Ver fichero 

@@ -15,18 +15,18 @@
 
     <link rel="stylesheet" href="./style.css">
 
 </head>
 
 
-<body>
 
+<body style="background-color: #000;">
 
     <section id="sec01" style="height: 100vh;" class="sec01">
 
         <audio style="display: none;" src="./img/And Just Like That.mp3" autoplay controls></audio>
 
 
         <div class="card border-0">
 
-            <img src="./img/T1.webp" class="card-img img-fluid" alt="...">
 
+            <img src="./img/BG_04.webp" class="card-img img-fluid" alt="...">
 
             <div class="card-img-overlay pb-0">
 
                 <a style="text-decoration: none; position: absolute; top:15px;" href="./index.html">
 
                     <img style="width: 80px;" src="./img/btn/118561.png" alt="">
 
                 </a>
 
                 <div class="text-center">
 
-                    <p style="font-size: 48px" class="propertytitle text-dark fw-bold">回收玻璃藝術</p>
 
+                    <p style="font-size: 48px; color:#fff;" class="propertytitle fw-bold">回收玻璃藝術</p>
 
                 </div>
 
                 <div style="margin-top: -20px;" class="pb-5">
 
                     <img style="position: relative; z-index: 2; top:15px;" class="img-fluid px-0 w-100"

BIN
img/BG_01.webp
Ver fichero


BIN
img/BG_02.webp
Ver fichero


BIN
img/BG_03.webp
Ver fichero


BIN
img/BG_04.webp
Ver fichero


BIN
img/btn/增加溫度.png
Ver fichero


BIN
img/btn/降低溫度.png
Ver fichero


+ 3 - 3
index.html
Ver fichero 

@@ -31,9 +31,9 @@
 
                     </div>
 
                 </div> -->
 
                 <ul class="px-0">
 
-                    <li><img src="./img/bgsec01.webp" class="itemimg01 card-img img-fluid" alt="..."></li>
 
-                    <li><img src="./img/bgsec02.webp" class="itemimg01 card-img img-fluid" alt="..."></li>
 
-                    <li><img src="./img/bgsec03.webp" class="itemimg01 card-img img-fluid" alt="..."></li>
 
+                    <li><img src="./img/BG_01.webp" class="itemimg01 card-img img-fluid" alt="..."></li>
 
+                    <li><img src="./img/BG_02.webp" class="itemimg01 card-img img-fluid" alt="..."></li>
 
+                    <li><img src="./img/BG_03.webp" class="itemimg01 card-img img-fluid" alt="..."></li>
 
                 </ul>
 
             </div>
 
             <div id="nextPage" class="card-img-overlay pt-5">

+ 3 - 3
process1.html
Ver fichero 

@@ -15,18 +15,18 @@
 
     <link rel="stylesheet" href="./style.css">
 
 </head>
 
 
-<body>
 
+<body style="background-color: #000;">
 
     <section id="sec01" style="height: 100vh;" class="sec01">
 
         <audio style="display: none;" src="./img/And Just Like That.mp3" autoplay controls></audio>
 
         <div class="card border-0">
 
-            <img src="./img/T1.webp" class="card-img img-fluid" alt="...">
 
+            <img src="./img/BG_04.webp" class="card-img img-fluid" alt="...">
 
 
             <div class="card-img-overlay pb-0">
 
                 <a style="text-decoration: none; position: absolute; top:15px;" href="./index.html"> 
                     <img style="width: 80px;" src="./img/btn/118561.png" alt="">
 
                 </a>
 
                 <div class="text-center">
 
-                    <p style="font-size: 48px" class="propertytitle text-dark fw-bold">回收玻璃流程</p>
 
+                    <p style="font-size: 48px;color:#fff;" class="propertytitle fw-bold">回收玻璃流程</p>
 
                 </div>
 
                 <div>
 
                     <div class="process-box px-0">

+ 37 - 28
property.html
Ver fichero 

@@ -15,19 +15,18 @@
 
     <link rel="stylesheet" href="./style.css">
 
 </head>
 
 
-<body>
 
+<body style="background-color: #000;">
 
     <section class="sec01">
 
         <div class="card text-white border-0">
 
-            <img src="./img/T1.png" class="card-img img-fluid" alt="...">
 
+            <img src="./img/BG_04.webp" class="card-img img-fluid" alt="...">
 
             <div class="card-img-overlay pb-0">
 
                 <div style="float: left;">
 
                     <a style="text-decoration: none;" href="./index.html"> <img style="width: 80px;"
 
-                        src="./img/btn/118561.png" alt=""></a>
 
-                    </div>
 
+                            src="./img/btn/118561.png" alt=""></a>
 
+                </div>
 
                 <div class="text-center me-5">
 
                     <div>
 
-                        <p style="font-size: 48px"
 
-                            class="propertytitle text-dark fw-bold">玻璃特性</p>
 
+                        <p style="font-size: 48px;color:#fff;" class="propertytitle fw-bold">玻璃特性</p>
 
                     </div>
 
                 </div>
 
                 <div>
 
@@ -48,45 +47,55 @@
 
                                 <img width="80%" src="./img/800.png" alt="">
 
                             </div>
 
                             <div class="bg-item">
 
-                                 <img width="80%" src="./img/700.png" alt="">
 
+                                <img width="80%" src="./img/700.png" alt="">
 
                             </div>
 
                             <div class="bg-item">
 
                                 <img width="80%" src="./img/600.png" alt="">
 
-                           </div>
 
+                            </div>
 
                         </div>
 
                         <div style="width: 80%; margin: 0 auto;" class="mt-3">
 
                             <div class="row px-0 mx-0">
 
                                 <div class="col-6">
 
-                                    <img id="prevPage" class="img-fluid" src="./img/+.png" alt="">
 
+                                    <img id="prevPage" class="img-fluid" src="./img/btn/增加溫度.png" alt="">
 
                                 </div>
 
                                 <div class="col-6">
 
-                                    <img id="nextPage" class="img-fluid" src="./img/-.png" alt="">
 
+                                    <img id="nextPage" class="img-fluid" src="./img/btn/降低溫度.png" alt="">
 
                                 </div>
 
                             </div>
 
                         </div>
 
                     </div>
 
                 </div>
 
-            </div>
 
-            <div style="margin-top:50px;">
 
-                <div id="bg-itembox2">
 
-                    <div class="bg-item2 bg-active">
 
-                        <img class="img-fluid w-100" src="./img/1000.webp" alt="">
 
-                    </div>
 
-                    <div class="bg-item2">
 
-                        <img class="img-fluid w-100" src="./img/800.webp" alt="">
 
-                    </div>
 
-                    <div class="bg-item2">
 
-                         <img class="img-fluid w-100" src="./img/700.webp" alt="">
 
+                <div style="padding-top: 50px; padding-bottom: 50px;">
 
+                    <div id="bg-itembox2">
 
+                        <div class="bg-item2 bg-active">
 
+                            <img class="img-fluid w-100" src="./img/1000.webp" alt="">
 
+                            <div class="text-center w-100">
 
+                                <p style="font-size: 32px;" class="text-white mb-0 pt-3">如水流動般的玻璃</p>
 
+                            </div>
 
+                        </div>
 
+                        <div class="bg-item2">
 
+                            <img class="img-fluid w-100" src="./img/800.webp" alt="">
 
+                            <div class="text-center w-100">
 
+                                <p style="font-size: 32px;" class="text-white mb-0 pt-3">麥芽糖般的玻璃</p>
 
+                            </div>
 
+                        </div>
 
+                        <div class="bg-item2">
 
+                            <img class="img-fluid w-100" src="./img/700.webp" alt="">
 
+                            <div class="text-center w-100">
 
+                                <p style="font-size: 32px;" class="text-white mb-0 pt-3">懸垂軟化的玻璃</p>
 
+                            </div>
 
+                        </div>
 
+                        <div class="bg-item2">
 
+                            <img class="img-fluid w-100" src="./img/600.webp" alt="">
 
+                            <div class="text-center w-100">
 
+                                <p style="font-size: 32px;" class="text-white mb-0 pt-3">輕微軟化的玻璃</p>
 
+                            </div>
 
+                        </div>
 
                     </div>
 
-                    <div class="bg-item2">
 
-                        <img class="img-fluid w-100" src="./img/600.webp" alt="">
 
-                   </div>
 
-                </div>
 
-                <div class="text-center w-100"
 
-                    style="background:radial-gradient(circle farthest-side at center,rgba(0,0,0,1),rgba(0,0,0,0.8));padding-bottom: 20vw;">
 
-                    <p style="font-size: 32px;" class="text-white mb-0 pt-3">如水流動般的玻璃</p>
 
+
 
                 </div>
 
             </div>
 
+
 
         </div>

+ 8 - 4
style.css
Ver fichero 

@@ -7,6 +7,10 @@
 
   font-family: 微軟正黑體;
 
 }
 
 
+.body {
 
+  background-color: #000 !important;
 
+}
 
+
 
 .propertytitle {
 
   -webkit-text-stroke: 0.7px #fff;
 
   -moz-text-stroke: 0.7px #fff;
 
@@ -123,8 +127,8 @@ ul > li:nth-child(1) {
 
 .bg-item3 img {
 
   -webkit-animation-name: BgFadein;
 
           animation-name: BgFadein;
 
-  -webkit-animation-duration: 3s;
 
-          animation-duration: 3s;
 
+  -webkit-animation-duration: 1s;
 
+          animation-duration: 1s;
 
   -webkit-animation-timing-function: ease-out;
 
           animation-timing-function: ease-out;
 
 }
 
@@ -136,8 +140,8 @@ ul > li:nth-child(1) {
 
 .bg-item2 img {
 
   -webkit-animation-name: BgFadein;
 
           animation-name: BgFadein;
 
-  -webkit-animation-duration: 3s;
 
-          animation-duration: 3s;
 
+  -webkit-animation-duration: 1s;
 
+          animation-duration: 1s;
 
   -webkit-animation-timing-function: ease-out;
 
           animation-timing-function: ease-out;
 
 }

+ 1 - 1
style.css.map
Ver fichero 

@@ -1,6 +1,6 @@
 
 {
 
     "version": 3,
 
-    "mappings": ";AAAA,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,UAAU;CAC1B;;AAGD,AAAA,cAAc,CAAA;EACZ,mBAAmB,EAAC,UAAU;EAC9B,gBAAgB,EAAC,UAAU;CAC5B;;AAED,AAAA,CAAC,CAAA;EACC,SAAS,EAAE,IAAI;CAChB;;AAED,AAAA,SAAS,CAAA;EACP,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,eAAe;CACvB;;AACD,AAAA,EAAE,CAAA;EACA,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,eAAe;CAEvB;;AACD,AAAA,EAAE,GAAC,EAAE,CAAA;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,eAAe;CACvB;;AAED,AAAA,EAAE,GAAC,EAAE,AAAA,UAAW,CAAA,CAAC,EAAC;EAChB,SAAS,EAAE,gBAAgB;CAC5B;;AACD,AAAA,EAAE,GAAC,EAAE,AAAA,UAAW,CAAA,CAAC,EAAC;EAChB,SAAS,EAAE,gBAAgB;CAC5B;;AACD,AAAA,EAAE,GAAC,EAAE,AAAA,UAAW,CAAA,CAAC,EAAC;EAChB,SAAS,EAAE,gBAAgB;CAC5B;;AAID,UAAU,CAAV,GAAU;EACR,EAAE;IACA,OAAO,EAAE,CAAC;;EAEZ,GAAG;IACD,OAAO,EAAE,CAAC;;EAGZ,GAAG;IACD,OAAO,EAAE,CAAC;;;;AAGd,UAAU,CAAV,GAAU;EACR,GAAG;IACD,OAAO,EAAE,CAAC;;EAEZ,GAAG;IACD,OAAO,EAAE,CAAC;;EAEZ,GAAG;IACD,OAAO,EAAE,CAAC;;;;AAGd,UAAU,CAAV,GAAU;EACR,GAAG;IACD,OAAO,EAAE,CAAC;;EAEZ,GAAG;IACD,OAAO,EAAE,CAAC;;;;AAId,AAAA,QAAQ,CAAA;EACN,OAAO,EAAE,IAAI;CAcd;;AAED,AAAA,SAAS,CAAA;EACP,OAAO,EAAE,IAAI;CASd;;AAVD,AAEE,SAFO,CAEP,GAAG,CAAA;EACD,cAAc,EAAC,QAAQ;EACvB,kBAAkB,EAAE,EAAE;EACtB,yBAAyB,EAAC,QAAQ;CAEnC;;AAKH,AAAA,SAAS,CAAA;EACP,OAAO,EAAE,IAAI;CASd;;AAVD,AAEE,SAFO,CAEP,GAAG,CAAA;EACD,cAAc,EAAC,QAAQ;EACvB,kBAAkB,EAAE,EAAE;EACtB,yBAAyB,EAAC,QAAQ;CAEnC;;AAKH,AAAA,UAAU,CAAA;EACR,OAAO,EAAE,KAAK;CACf;;AAED,UAAU,CAAV,QAAU;EACR,EAAE;IACA,OAAO,EAAE,GAAG;;EAEd,GAAG;IAAE,OAAO,EAAE,GAAG;;EAEjB,IAAI;IACF,OAAO,EAAE,CAAC",
 
+    "mappings": ";AAAA,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;EACtB,WAAW,EAAE,UAAU;CAC1B;;AAED,AAAA,KAAK,CAAA;EACH,gBAAgB,EAAE,eAAe;CAClC;;AAED,AAAA,cAAc,CAAA;EACZ,mBAAmB,EAAC,UAAU;EAC9B,gBAAgB,EAAC,UAAU;CAC5B;;AAED,AAAA,CAAC,CAAA;EACC,SAAS,EAAE,IAAI;CAChB;;AAED,AAAA,SAAS,CAAA;EACP,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,eAAe;CACvB;;AACD,AAAA,EAAE,CAAA;EACA,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,eAAe;CAEvB;;AACD,AAAA,EAAE,GAAC,EAAE,CAAA;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,eAAe;CACvB;;AAED,AAAA,EAAE,GAAC,EAAE,AAAA,UAAW,CAAA,CAAC,EAAC;EAChB,SAAS,EAAE,gBAAgB;CAC5B;;AACD,AAAA,EAAE,GAAC,EAAE,AAAA,UAAW,CAAA,CAAC,EAAC;EAChB,SAAS,EAAE,gBAAgB;CAC5B;;AACD,AAAA,EAAE,GAAC,EAAE,AAAA,UAAW,CAAA,CAAC,EAAC;EAChB,SAAS,EAAE,gBAAgB;CAC5B;;AAID,UAAU,CAAV,GAAU;EACR,EAAE;IACA,OAAO,EAAE,CAAC;;EAEZ,GAAG;IACD,OAAO,EAAE,CAAC;;EAGZ,GAAG;IACD,OAAO,EAAE,CAAC;;;;AAGd,UAAU,CAAV,GAAU;EACR,GAAG;IACD,OAAO,EAAE,CAAC;;EAEZ,GAAG;IACD,OAAO,EAAE,CAAC;;EAEZ,GAAG;IACD,OAAO,EAAE,CAAC;;;;AAGd,UAAU,CAAV,GAAU;EACR,GAAG;IACD,OAAO,EAAE,CAAC;;EAEZ,GAAG;IACD,OAAO,EAAE,CAAC;;;;AAId,AAAA,QAAQ,CAAA;EACN,OAAO,EAAE,IAAI;CAcd;;AAED,AAAA,SAAS,CAAA;EACP,OAAO,EAAE,IAAI;CASd;;AAVD,AAEE,SAFO,CAEP,GAAG,CAAA;EACD,cAAc,EAAC,QAAQ;EACvB,kBAAkB,EAAE,EAAE;EACtB,yBAAyB,EAAC,QAAQ;CAEnC;;AAKH,AAAA,SAAS,CAAA;EACP,OAAO,EAAE,IAAI;CASd;;AAVD,AAEE,SAFO,CAEP,GAAG,CAAA;EACD,cAAc,EAAC,QAAQ;EACvB,kBAAkB,EAAE,EAAE;EACtB,yBAAyB,EAAC,QAAQ;CAEnC;;AAKH,AAAA,UAAU,CAAA;EACR,OAAO,EAAE,KAAK;CACf;;AAED,UAAU,CAAV,QAAU;EACR,EAAE;IACA,OAAO,EAAE,GAAG;;EAEd,GAAG;IAAE,OAAO,EAAE,GAAG;;EAEjB,IAAI;IACF,OAAO,EAAE,CAAC",
 
     "sources": [
 
         "style.scss"
 
     ],

+ 5 - 2
style.scss
Ver fichero 

@@ -5,6 +5,9 @@
 
     font-family: 微軟正黑體;
 
 }
 
 
+.body{
 
+  background-color: #000 !important;
 
+}
 
 
 .propertytitle{
 
   -webkit-text-stroke:0.7px #fff;
 
@@ -94,7 +97,7 @@ ul>li:nth-child(1){
 
   display: none;
 
   img{
 
     animation-name:BgFadein;
 
-    animation-duration: 3s;
 
+    animation-duration: 1s;
 
     animation-timing-function:ease-out;
 
     
   }
 
@@ -106,7 +109,7 @@ ul>li:nth-child(1){
 
   display: none;
 
   img{
 
     animation-name:BgFadein;
 
-    animation-duration: 3s;
 
+    animation-duration: 1s;
 
     animation-timing-function:ease-out;
 
     
   }

+ 6 - 5
video-2.html
Ver fichero 

@@ -15,29 +15,30 @@
 
     <!-- <link rel="stylesheet" href="./style.css"> -->
 
 </head>
 
 
-<body>
 
+<body style="background-color: #000;">
 
     <section class="sec01">
 
         <div class="card border-0">
 
-            <img src="./img/T1.webp" class="card-img img-fluid" alt="...">
 
+            <img src="./img/BG_04.webp" class="card-img img-fluid" alt="...">
 
             <div class="card-img-overlay pb-0">
 
                 <a style="text-decoration: none; position: absolute; top:15px;" href="./index.html">
 
                     <img style="width: 80px;" src="./img/btn/118561.png" alt="">
 
                 </a>
 
                 <div class="text-center">
 
-                    <p style="font-size: 48px; -webkit-text-stroke:0.7px #fff;" class="propertytitle text-dark fw-bold">
 
+                    <p style="font-size: 48px;color:#fff;" class="propertytitle fw-bold">
 
                         影片導覽</p>
 
                 </div>
 
                 <div style="margin-top: -10px;" class="pb-5">
 
                     <img style="position: relative; z-index: 2; top:15px;" class="img-fluid px-0 w-100"
 
                         src="./img/line.png" alt="">
 
-                    <div style="background:	#FFFFFF;" class="py-3 border">
 
+                    <div style="background-color: #fff;color: #000;" class="py-3">
 
                         <div style="margin:0 auto; width: 95%;">
 
-                            <p style="font-size: 22px;" class="text-dark px-0 mb-5">
 
+                            <p style="font-size: 22px;" class="px-0 mb-5">
 
                                 春池玻璃 ｜接班硬世代 三人紀實頻道
 
                             </p>
 
 
                         </div>
 
                     </div>
 
+                    
                 </div>
 
                 <!-- <div class="tab-content px-0" id="myTabContent">
 
                     <div class="tab-pane fade show active text-dark" id="home" role="tabpanel"