develop_Yu 2 years ago
parent
commit
cc6647f451

+ 2 - 2
content/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung/index.md

@@ -55,11 +55,11 @@ weight:
     });
   };
 </script>
-<section class="bhouseweb_loc_banner d-md-none d-block">
+<!-- <section class="bhouseweb_loc_banner d-md-none d-block">
   <div class="card bg-transparent text-white border-0 rounded-0">
     <img src="/img/banner/bn_portfolio2x.png" class="banner-img card-img" alt="...">
   </div>
-</section>
+</section> -->
 <div class="style_house_ads">
   <h2 class="style_house_title style_house_text">精品飯店微醺好chill宅</h2>
 </div>

+ 2 - 2
layouts/system_furniture/system_furniture.html

@@ -96,10 +96,10 @@
         </div>
         <div class="row mb-5 pb-5">
           <div class="col-12 col-lg-6">
-            <img src="/img/bn_product_cabinet_06@2x.png" alt="">
+            <img src="/img/bn_product_cabinet_06_02@2x.png" alt="">
           </div>
           <div class="col-12 col-lg-6">
-            <img src="/img/bn_product_cabinet_07@2x.png" alt="">
+            <img src="/img/bn_product_cabinet_07_02@2x.png" alt="">
           </div>
         </div>
       </div>

BIN
static/img/bn_product_cabinet_06_01@2x.png


BIN
static/img/bn_product_cabinet_06_02@2x.png


BIN
static/img/bn_product_cabinet_07_01@2x.png


BIN
static/img/bn_product_cabinet_07_02@2x.png


BIN
static/img/bt_linktobg_portfolio@2x.png


BIN
static/img/bt_linktobg_qa@2x.png


BIN
static/img/bt_linktobg_serve@2x.png


BIN
static/img/bt_linktobg_store@2x.png


+ 12 - 12
themes/hugo-universal-theme-master/layouts/partials/features.html

@@ -47,24 +47,24 @@
 
 <div class="home-container container-fluid">
     <div class="row g-3 home-content">
-      <div class="col-6">
-        <a href="">
-          <img src="img/bt_linkto_portfolio_web_h@2x.png" alt="">
+      <div class="col-sm-6 bg-portfolio">
+        <a href="/collection/">
+          <div class="bg-img"></div>
         </a>
       </div>
-      <div class="col-6">
-        <a href="">
-          <img src="img/bt_linkto_serve_web_h@2x.png" alt="">
+      <div class="col-sm-6 bg-serve">
+        <a href="/room_planner/">
+          <div class="bg-img"></div>
         </a>
       </div>
-      <div class="col-6">
-        <a href="">
-          <img src="img/bt_linkto_qa_web_h@2x.png" alt="">
+      <div class="col-sm-6 bg-qa">
+        <a href="/frequently_asked_questions/">
+          <div class="bg-img"></div>
         </a>
       </div>
-      <div class="col-6">
-        <a href="">
-          <img src="img/bt_linkto_store_web_h@2x.png" alt="">
+      <div class="col-sm-6 bg-store">
+        <a href="/store/">
+          <div class="bg-img"></div>
         </a>
       </div>
     </div>

+ 0 - 424
themes/hugo-universal-theme-master/layouts/sofa/sofa.html

@@ -1,424 +0,0 @@
-
-
-<head>
-  <!-- <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
-
-  <!-- bootstrap -->
-  <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
-    integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
-
-  <link rel="stylesheet" href="/css/style.css">
-  <title>小寶優居-首購族首選 安心成家 室內設計品牌</title> -->
-  {{ partial "headers.html" . }}
-</head>
-
-<body style="overflow-x: hidden;">
-  <!-- <div class="header-template"></div> -->
-  {{ partial "nav.html" . }}
-  <div class="furniture-design">
-    <div class="design-banner"></div>
-
-    <ul class="nav nav-pills mt-0 mt-lg-4 justify-content-center tab-title b-bottom" id="pills-tab" role="tablist">
-      <li class="nav-item" role="presentation">
-        <button class="nav-link active" id="all-design-tab" data-bs-toggle="pill" data-bs-target="#all-design"
-          type="button" role="tab" aria-controls="all-design" aria-selected="true">全部設計單品</button>
-      </li>
-      <li class="nav-item" role="presentation">
-        <button class="nav-link" id="systeam-furniture-tab" data-bs-toggle="pill" data-bs-target="#systeam-furniture"
-          type="button" role="tab" aria-controls="systeam-furniture" aria-selected="false">關於系統櫃</button>
-      </li>
-      <li class="nav-item" role="presentation">
-        <button class="nav-link" id="furniture-tab" data-bs-toggle="pill" data-bs-target="#furniture" type="button"
-          role="tab" aria-controls="furniture" aria-selected="false">關於家具</button>
-      </li>
-      <li class="nav-item" role="presentation">
-        <button class="nav-link" id="mattress-tab" data-bs-toggle="pill" data-bs-target="#mattress" type="button"
-          role="tab" aria-controls="mattress" aria-selected="false">關於床墊</button>
-      </li>
-    </ul>
-
-    <div class="tab-content bhouseweb_loc_content" id="pills-tabContent">
-      <div class="tab-pane fade show active" id="all-design" role="tabpanel" aria-labelledby="all-design-tab">
-        <!-- 全部設計單品 -->
-        <ul class="nav nav-pills mb-3 sub-tab-title pt-3" id="pills-tab" role="tablist">
-          <li class="nav-item" role="presentation">
-            <button class="nav-link active" id="pills-tab-01" data-bs-toggle="pill" data-bs-target="#pills-01"
-              type="button" role="tab" aria-controls="pills-01" aria-selected="true">沙發</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-02" data-bs-toggle="pill" data-bs-target="#pills-02" type="button"
-              role="tab" aria-controls="pills-02" aria-selected="false">茶几</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-03" data-bs-toggle="pill" data-bs-target="#pills-03" type="button"
-              role="tab" aria-controls="pills-03" aria-selected="false">餐桌</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-04" data-bs-toggle="pill" data-bs-target="#pills-04" type="button"
-              role="tab" aria-controls="pills-04" aria-selected="false">餐椅/中島椅</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-05" data-bs-toggle="pill" data-bs-target="#pills-05" type="button"
-              role="tab" aria-controls="pills-05" aria-selected="false">床組</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-06" data-bs-toggle="pill" data-bs-target="#pills-06" type="button"
-              role="tab" aria-controls="pills-06" aria-selected="false">電視櫃</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-07" data-bs-toggle="pill" data-bs-target="#pills-07" type="button"
-              role="tab" aria-controls="pills-07" aria-selected="false">衣櫃/收納櫃/中島</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-08" data-bs-toggle="pill" data-bs-target="#pills-08" type="button"
-              role="tab" aria-controls="pills-08" aria-selected="false">邊櫃/邊几</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-09" data-bs-toggle="pill" data-bs-target="#pills-09" type="button"
-              role="tab" aria-controls="pills-09" aria-selected="false">書桌/工作桌</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="pills-tab-10" data-bs-toggle="pill" data-bs-target="#pills-10" type="button"
-              role="tab" aria-controls="pills-10" aria-selected="false">其他設計單品</button>
-          </li>
-        </ul>
-
-        <div class="tab-content sub-tab-content" id="nav-tabContent">
-          <div class="tab-pane fade show active" id="pills-01" role="tabpanel" aria-labelledby="pills-tab-01">
-            <div class="container">
-              <div class="row sofa-container">
-                <!-- forLoop -->
-                <div class="container">
-                  <div class="row">
-                    <div class="col-12 col-md-6 mb-4">
-                      {{ $paginator := .Paginate .Data.Pages }}
-                    {{ range $paginator.Pages }}
-                      <div class="position-relative text-item">
-                        <a href="{{ .RelPermalink }}">
-                          <img src="/img/content/設計家具/客廳/蜜絲媞沙發/cbd997f5-a688-42c8-a740-4047fbd17fab.webp" alt="">
-                          <div>
-                            <h4>{{ .Title }}</h4>
-                          </div>
-                        </a>
-                      </div>
-                    </div>
-                    {{ end }}
-                    <div class="col-12 col-md-6 mb-4">
-                      <div class="position-relative text-item">
-                        <a href="#">
-                          <img src="/img/content/設計家具/客廳/1.阪本沙發/1.webp" alt="">
-                          <div>
-                            <h4>坂本沙發</h4>
-                          </div>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tab-pane fade" id="pills-02" role="tabpanel" aria-labelledby="pills-tab-02">
-            <div class="container">
-              <div class="row tea-table-container">
-                <!-- forLoop -->
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="tab-pane fade" id="systeam-furniture" role="tabpanel" aria-labelledby="systeam-furniture-tab">
-        <!-- 關於系統櫃 -->
-        <div class="container" style="margin-top: 100px;">
-          <div class="row gy-5 mb-5 pb-5 align-items-center b-bottom">
-            <div class="col-12 col-lg-6">
-              <img src="/img/system_furniture/bn_product_cabinet_01@2x.webp" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <h5 class="text-center text-lg-start">因你而設計</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">我們以「人」為中心,用人因工程的設計概念,<br>
-                設計讓你最順手、最符合需求的系統櫃。</p>
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/system_furniture/bn_product_cabinet_02@2x.webp" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <h5 class="text-center text-lg-start">板材品牌</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">奧地利 KAINDL 塑合板<br>
-                奧地利 EGGER 塑合板<br>
-                義大利 GRUPPO MAURO SAVIOLA 塑合板<br>
-                台灣 薪豐豐業塑合板</p>
-            </div>
-            <div class="col-12 col-lg-6 cabinet-03">
-              <img src="/img/system_furniture/bn_product_cabinet_03@2x.png" alt="">
-              <h5 class="text-center">最低甲醛 F1/E1 等級</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">甲醛釋出量經認證檢驗<br>
-                符合『國家經濟部標準檢驗局』F1等級<br>
-                (最低甲醛釋出量,且無添加甲醛物質)<br><br>
-                符合『歐盟 』E1等級<br>
-                (最低甲醛釋出量,且無添加甲醛物質)</p>
-            </div>
-            <div class="col-12 col-lg-6 cabinet-03">
-              <img src="/img/system_furniture/bn_product_cabinet_04@2x.png" alt="">
-              <h5 class="text-center">防潮 V313 最高級數抗潮</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">防潮檢驗<br>
-                經『國家經濟部標準檢驗局 CNS2215』<br>
-                吸水膨脹率檢測數值為6%以下,符合V313<br>
-                最高防潮等級。<br><br>
-                經『歐盟標準EN317』檢驗結果<br>
-                因驗出來的吸水膨脹率在6%以下,為V313<br>
-                最高防潮等級。</p>
-            </div>
-          </div>
-          <div class="row gy-5 mb-5 pb-5 align-items-center  b-bottom">
-            <div class="col-12 col-lg-6">
-              <img src="/img/system_furniture/bn_product_cabinet_05@2x.webp" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <h5 class="text-center text-lg-start">五金品牌</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">
-                奧地利 BLUM 五金<br>
-                台灣 KING SLIDE 滑軌
-              </p>
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/system_furniture/bn_product_cabinet_06@2x.webp" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <h5 class="text-center text-lg-start">五金等級</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">
-                內政部綠建築SGS標章<br>
-                INTERTEK全球耐用度認證
-              </p>
-            </div>
-          </div>
-          <div class="row mb-5 pb-5">
-            <div class="col-12 col-lg-6">
-              <img src="/img/bn_product_cabinet_06@2x.png" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/bn_product_cabinet_07@2x.png" alt="">
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="tab-pane fade" id="furniture" role="tabpanel" aria-labelledby="furniture-tab">
-        <!-- 關於家具 -->
-        <div class="container" style="margin-top: 100px;">
-          <div class="row mb-5 pb-5 align-items-center b-bottom">
-            <div class="col-12 col-lg-6">
-              <img src="/img/system_furniture/bn_product_cabinet_01@2x.webp" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <h5 class="text-center text-lg-start">因你而設計</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">我們以「人」為中心,用人因工程的設計概念,<br>
-                設計讓你最順手、最符合需求的系統櫃。</p>
-            </div>
-          </div>
-
-          <div class="row g-2 mb-5 pb-5 b-bottom">
-            <div class="col-12">
-              <img src="/img/bn_product_furniture_02_1@2x.png" alt="">
-            </div>
-            <div class="col-12 col-md-4">
-              <img src="/img/bn_product_furniture_02_2@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">尺寸客製</h5>
-              <p class="fw-bold text-center text-md-start">不管三人座還五人座<br>只要有人坐,都不是問題</p>
-            </div>
-            <div class="col-12 col-md-4">
-              <img src="/img/bn_product_furniture_02_3@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">顏色客製</h5>
-              <p class="fw-bold text-center text-md-start">130 種布料配色<br>自己配或我們幫你配都好配</p>
-            </div>
-            <div class="col-12 col-md-4">
-              <img src="/img/bn_product_furniture_02_4@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">材質客製</h5>
-              <p class="fw-bold text-center text-md-start">7 種表布材質<br>各有各的風格跟個性</p>
-            </div>
-          </div>
-
-          <div class="row g-2 mb-5 pb-5 b-bottom">
-            <div class="col-12">
-              <img src="/img/bn_product_furniture_03_1@2x.png" alt="">
-            </div>
-            <div class="col-12 col-md-4">
-              <img src="/img/bn_product_furniture_03_2@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">架高床底|<br>最常見的選擇</h5>
-              <p class="fw-bold">實木床腳,架高12公分,容易清潔,床箱採「前後分割」受力更平均。</p>
-            </div>
-            <div class="col-12 col-md-4">
-              <img src="/img/bn_product_furniture_03_3@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">抽屜床底|<br>單抽、雙抽更彈性</h5>
-              <p class="fw-bold">安裝工業級滑輪,承重200公斤側邊採用實木滑軌,不怕銹蝕更耐久。</p>
-            </div>
-            <div class="col-12 col-md-4">
-              <img src="/img/bn_product_furniture_03_4@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">掀床床底|<br>小坪數創造大收納</h5>
-              <p class="fw-bold">採用「自動安全扣」 與「MIT專利油氣壓桿」安全省力,讓女生能夠輕鬆開闔,拿取物品時也能更安心。</p>
-            </div>
-          </div>
-
-          <div class="row g-2 mb-5 pb-5 b-bottom">
-            <div class="col-12">
-              <img src="/img/bn_product_furniture_04_1@2x.png" alt="">
-            </div>
-            <div class="col-12 col-md-4">
-              <img src="/img/bn_product_furniture_04_2@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">梣木</h5>
-              <p class="fw-bold text-center text-md-start">硬度密度高,穩定、堅固、耐衝擊<br>適合製作大型家具</p>
-            </div>
-            <div class="col-12 col-md-4 text-center text-md-start">
-              <img src="/img/bn_product_furniture_04_3@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">山毛櫸</h5>
-              <p class="fw-bold text-center text-md-start">材質重、抗壓能力強,不易分裂<br>細密紋理易於加工染色</p>
-            </div>
-            <div class="col-12 col-md-4">
-              <img src="/img/bn_product_furniture_04_4@2x.png" alt="">
-              <h5 class="mt-4 mb-3 text-center text-md-start">雲杉實木</h5>
-              <p class="fw-bold text-center text-md-start">紋理通直,富有彈性容易乾燥<br>而且具有耐磨性</p>
-            </div>
-          </div>
-
-          <div class="row mb-5 pb-5 b-bottom">
-            <div class="col-12">
-              <img src="/img/bn_product_furniture_05@2x.png" alt="">
-            </div>
-            <div class="col-12">
-              <img src="/img/bn_product_furniture_06@2x.png" alt="">
-            </div>
-          </div>
-
-          <div class="row g-3 mb-5 pb-5">
-            <div class="col-12">
-              <img src="/img/bn_product_furniture_07@2x.png" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/bn_product_furniture_08@2x.png" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/bn_product_furniture_09@2x.png" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/bn_product_furniture_10@2x.png" alt="">
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/bn_product_furniture_11@2x.png" alt="">
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="tab-pane fade" id="mattress" role="tabpanel" aria-labelledby="mattress-tab">
-         <!-- 關於床墊 -->
-         <div class="container" style="margin-top: 100px;">
-          <div class="row mb-5 align-items-center b-bottom">
-            <div class="col-12">
-              <h5>小寶優居 zzsleeper吾居床墊</h5>
-              <img class="my-4" src="/img/system_furniture/bn_product_bed_01@2x.png" alt="">
-              <h5 class="my-4">找到適合自己的房子,你也該有一張適合自己的床</h5>
-              <p class="fw-bold mb-5">一輩子的家,交給最貼心的小寶優居。<br>
-                三分之一的人生,就交給由專業治療師團隊組成的 ZZ 你的睡眠顧問。</p>
-              <img src="/img/system_furniture/bn_product_bed_02@2x.png" alt="">
-            </div>
-          </div>
-
-          <div class="row pb-5 b-bottom">
-            <div class="col-12 col-lg-6">
-              <h5 class="text-center text-lg-start">我們想要,給你一場無拘無束的睡眠體驗</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">
-                ZZ五年以來,<br>
-                我們治療師親自服務了近6000人,<br>
-                客製了1832床後,<br>
-                根據實際數據所做出的<br>
-                ⸺最「平衡」的一張床墊。
-              </p>
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/system_furniture/bn_product_bed_03@2x.png" alt="">
-            </div>
-          </div>
-
-          <div class="row mb-5 pb-5 align-items-center b-bottom">
-            <div class="col-12">
-              <h5 class="my-5">舒適與耐用兼具的獨家設計</h5>
-              <img src="/img/system_furniture/bn_product_bed_04@2x.png" alt="">
-              <img src="/img/system_furniture/bn_product_bed_05@2x.png" alt="">
-            </div>
-          </div>
-
-          <div class="row pb-5 align-items-center">
-            <div class="col-12 col-lg-6">
-              <h5 class="text-center text-lg-start">超越獨立筒的極限抗干擾功能</h5>
-              <p class="fw-bold m-0 text-center text-lg-start">
-                不管你的另一半睡姿如何,<br>
-                他怎麼翻身,你依然安穩。
-              </p>
-            </div>
-            <div class="col-12 col-lg-6">
-              <img src="/img/system_furniture/bn_product_bed_03@2x.png" alt="">
-            </div>
-          </div>
-
-          <div class="bg-text">
-            <p>住在自己喜歡的房子,睡在一張舒服的床,<br>
-              這是小寶優居和ZZ想給你的最棒成家禮!</p>
-          </div>
-
-          <section style="margin-top: 280px;">
-            <h5>保固政策及售後服務</h5>
-            <p class="mt-4">試睡期:<br>
-              恕不提供。因床墊屬於個人衛生用品,不適用網購7天無條件退貨條件內。<br>
-              新品更換判定標準:顧客收到床墊的30天內提出,屬產品瑕疵認定可更換新品。《不屬於瑕疵定義》見下方說明<br>
-              保固期:<br>
-              我們提供10年保固,範圍限於床墊主結構。以表面高低差 20% 為保固標準,意指若20公分厚之床墊,凹陷超過
-              4公分就算保固內。《非保固條件》見下方說明<br>
-              保固時間從床墊送達當天開始計算,以簽收單日期為準。<br>
-              售後服務:<br>
-              產品使用上有任何問題都可致電ZZ sleeper客服(04-22542880)或line@詢問(@zzsleeper)</p>
-
-            <ul class="mt-4">
-              <li>《不屬於瑕疵定義》</li>
-              <li>1. 床墊本身不添加抗氧化劑等不必要的化學添加物,所以正常使用下會逐漸轉為淡黃色是自然現象,不會影響
-                產品功能。</li>
-              <li>2. 製作過程中會添加的無毒介面活性劑,剛開始可能會有一點點異味,通風後大約1~2周就會完全散掉了,不用
-                擔心!</li>
-              <li>3. 邊緣處可能有些許波浪狀 (切割線處) 的現象,屬正常現象,若追求完美者請勿下單。</li>
-              <li>4. 製作過程中可能產生自然發泡的小孔洞,若孔洞在直徑1cm內,屬正常現象,若追求完美者請勿下單。</li>
-              <li>5. 床墊尺寸長.寬.高會有些許約±2公分的誤差值為正常範圍內,若追求完美者請勿下單。</li>
-            </ul>
-
-            <ul class="mt-4">
-              <li>《非保固條件》</li>
-              <li>1. 床墊表布的自然損耗。</li>
-              <li>2. 非常規使用方式,如:於床墊上跑跳、不當切割、刮傷,或不當清潔方式所導致的人為意外損壞。</li>
-              <li>3. 受到外在因素或環境所導致的損毀、耗損,如:陽光曝曬、環境濕氣過重導致黴菌孳生、蟲害造成的問題。</li>
-              <li>4. 因為自行搬移、拆除或者修補產品而造成的毀損。</li>
-              <li>5. 因為天災或意外事件所引起的毀損。</li>
-              <li>6. 贈品不在保固範圍內。</li>
-              <li>7. 違反產品的保固權益只涵蓋原始購買人,權益不得轉讓原則。</li>
-            </ul>
-          </section>
-        </div>
-      </div>
-    </div>
-  </div>
-  {{ partial "footer.html" . }}
-  <!-- <div class="footer-template"></div> -->
-
-  <!-- jquery -->
-  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script> -->
-
-  <!-- bootstrap -->
-  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
-    crossorigin="anonymous"></script>
-
-  <script src="./js/index.js"></script> -->
-  {{ partial "scripts.html" . }}
-</body>
-
-</html>

+ 71 - 1
themes/hugo-universal-theme-master/static/css/style.bhouse.css

@@ -260,7 +260,7 @@ img {
 }
 
 .news-link a:hover {
-  opacity: .8;
+  opacity: 0.8;
 }
 
 /* header end */
@@ -503,6 +503,70 @@ img {
   .home-content:last-child {
     display: none;
   }
+  .home-content img {
+    max-width: 100%;
+    width: 100%;
+  }
+}
+
+.home-content img {
+  height: 100%;
+}
+
+.home-content .bg-img {
+  width: 100%;
+  padding: 40% 0;
+  background-position: center;
+  background-size: cover;
+  -webkit-transition: all 0.5s;
+  transition: all 0.5s;
+}
+
+.home-content .bg-portfolio .bg-img {
+  background-image: url(/img/bt_linkto_portfolio_web_h@2x.png);
+}
+
+.home-content .bg-portfolio:hover .bg-img {
+  background-image: url(/img/bt_linkto_portfolio_web_n@2x.png);
+}
+
+.home-content .bg-serve .bg-img {
+  background-image: url(/img/bt_linkto_serve_web_h@2x.png);
+}
+
+.home-content .bg-serve:hover .bg-img {
+  background-image: url(/img/bt_linkto_serve_web_n@2x.png);
+}
+
+.home-content .bg-qa .bg-img {
+  background-image: url(/img/bt_linkto_qa_web_h@2x.png);
+}
+
+.home-content .bg-qa:hover .bg-img {
+  background-image: url(/img/bt_linkto_qa_web_n@2x.png);
+}
+
+.home-content .bg-store .bg-img {
+  background-image: url(/img/bt_linkto_store_web_h@2x.png);
+}
+
+.home-content .bg-store:hover .bg-img {
+  background-image: url(/img/bt_linkto_store_web_n@2x.png);
+}
+
+@media (max-width: 767px) {
+  .home-content .bg-portfolio .bg-img {
+    background-image: url(/img/bt_linkto_portfolio_mobile@2x.png);
+  }
+  .home-content .bg-serve .bg-img {
+    background-image: url(/img/bt_linkto_serve_mobile@2x.png);
+  }
+  .home-content .bg-qa .bg-img {
+    background-image: url(/img/bt_linkto_qa_mobile@2x.png);
+  }
+  .home-content .bg-store .bg-img {
+    background-image: url(/img/bt_linkto_store_mobile@2x.png);
+  }
 }
 
 .reserve {
@@ -982,6 +1046,12 @@ img {
   background: #fff;
 }
 
+@media screen and (max-width: 991px) {
+  .style_house_ads {
+    padding-top: 100px;
+  }
+}
+
 .style_house_ads .style_house_text {
   width: 80.5%;
   margin: 0 auto;

File diff suppressed because it is too large
+ 0 - 0
themes/hugo-universal-theme-master/static/css/style.bhouse.css.map


+ 131 - 3
themes/hugo-universal-theme-master/static/css/style.bhouse.scss

@@ -263,8 +263,8 @@ img {
     font-size: 14px;
     text-align: center;
     letter-spacing: 2px;
-    &:hover{
-      opacity: .8;
+    &:hover {
+      opacity: 0.8;
     }
   }
 }
@@ -505,6 +505,132 @@ img {
   .home-content:last-child {
     display: none;
   }
+
+  .home-content img {
+    max-width: 100%;
+    width: 100%;
+  }
+}
+
+.home-content {
+  img {
+    height: 100%;
+  }
+  // h4 {
+  //   margin: 0;
+  //   color: #ffffff;
+  //   background-color: rgba(128, 128, 128, 0.8);
+  //   padding: 20px 15px;
+  //   transition: all 0.3s;
+  //   font-size: 1.7rem;
+  //   font-weight: bold;
+  //   white-space: nowrap;
+  //   text-align: center;
+  //   text-shadow: 1px 1px 7px #000;
+  // }
+  // div {
+  //   position: absolute;
+  //   top: 50%;
+  //   left: 50%;
+  //   -webkit-transform: translate(-50%, -50%);
+  //   transform: translate(-50%, -50%);
+  //   display: -webkit-box;
+  //   display: -ms-flexbox;
+  //   display: flex;
+  //   -webkit-box-pack: center;
+  //   -ms-flex-pack: center;
+  //   justify-content: center;
+  //   -webkit-box-align: center;
+  //   -ms-flex-align: center;
+  //   align-items: center;
+  //   -webkit-transition: all 0.3s;
+  //   transition: all 0.3s;
+  // }
+  // &:hover div {
+  //   display: -webkit-box;
+  //   display: -ms-flexbox;
+  //   display: flex;
+  //   -webkit-box-pack: center;
+  //   -ms-flex-pack: center;
+  //   justify-content: center;
+  //   -webkit-box-align: center;
+  //   -ms-flex-align: center;
+  //   align-items: center;
+  //   width: 96%;
+  //   height: 100%;
+  //   background: rgba(128, 128, 128, 0.8);
+  //   cursor: pointer;
+  // }
+  // &:hover div h4 {
+  //   background-color: transparent;
+  // }
+  .bg-img {
+    width: 100%;
+    padding: 40% 0;
+    background-position: center;
+    background-size: cover;
+    transition: all 0.5s;
+  }
+  // @media (max-width: 575px) {
+  //   margin: 20px 0;
+  //   &:hover div {
+  //   width: 95%;
+  //   }
+  // }
+  // @media (max-width: 375px) {
+  //   &:hover div {
+  //   width: 93%;
+  //   }
+  // }
+  .bg-portfolio {
+    .bg-img {
+      background-image: url(/img/bt_linkto_portfolio_web_h@2x.png);
+    }
+    &:hover .bg-img {
+      background-image: url(/img/bt_linkto_portfolio_web_n@2x.png);
+    }
+  }
+  .bg-serve {
+    .bg-img {
+      background-image: url(/img/bt_linkto_serve_web_h@2x.png);
+    }
+    &:hover .bg-img {
+      background-image: url(/img/bt_linkto_serve_web_n@2x.png);
+    }
+  }
+  .bg-qa {
+    .bg-img {
+      background-image: url(/img/bt_linkto_qa_web_h@2x.png);
+    }
+    &:hover .bg-img {
+      background-image: url(/img/bt_linkto_qa_web_n@2x.png);
+    }
+  }
+  .bg-store {
+    .bg-img {
+      background-image: url(/img/bt_linkto_store_web_h@2x.png);
+    }
+    &:hover .bg-img {
+      background-image: url(/img/bt_linkto_store_web_n@2x.png);
+    }
+  }
+  @media (max-width: 767px) {
+    .bg-portfolio .bg-img {
+        background-image: url(/img/bt_linkto_portfolio_mobile@2x.png);
+      }
+    
+    .bg-serve .bg-img {
+        background-image: url(/img/bt_linkto_serve_mobile@2x.png);
+      }
+    
+    .bg-qa .bg-img {
+        background-image: url(/img/bt_linkto_qa_mobile@2x.png);
+      }
+    
+    .bg-store .bg-img {
+      background-image: url(/img/bt_linkto_store_mobile@2x.png);
+    }
+  }
 }
 
 .reserve {
@@ -986,6 +1112,9 @@ img {
 .style_house_ads {
   padding: 15px;
   background: #fff;
+  @media screen and (max-width: 991px) {
+    padding-top: 100px;
+  }
 }
 
 .style_house_ads .style_house_text {
@@ -2519,4 +2648,3 @@ img {
 .assign-link {
   border-bottom: 2px solid var(--second-color);
 }
-

+ 7 - 7
themes/hugo-universal-theme-master/static/js/bhouse.js

@@ -44,21 +44,21 @@ $(document).on("click", ".article__readMore", function (event) {
 
 $(document).on("click", ".bhouseweb_loc_type>a", function (event) {
   $(this).siblings().removeClass('select');
- 
+
   $(this).toggleClass("select");
- 
+
 });
 
-$( ".bt_slogan_portfolio" ).click(function() {
- $(".bt_slogan_portfolio").fadeOut();
+$(".bt_slogan_portfolio").click(function () {
+  $(".bt_slogan_portfolio").fadeOut();
 });
 
 
-$( ".bt_slogan" ).click(function() {
+$(".bt_slogan").click(function () {
   $(".bt_slogan_portfolio").fadeIn();
- });
+});
 
- // Navbar Icon
+// Navbar Icon
 function changeIcon(e) {
   const item = document.querySelector('[data-toggle-class]');
   item.className === "close-btn" ? item.className = "navbar-toggler-icon" : item.className = "close-btn";

Some files were not shown because too many files changed in this diff