collection update

content/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung/index.md

@@ -1,20 +0,0 @@
----
-title: "推開百葉窗 遇見家的簡單溫馨｜小寶優居・成家故事"
-collection_title: "推開百葉窗 遇見家的簡單溫馨"
-date: 2021-02-23T13:18:25+08:00
-draft: false
-type: "collection"
-url: "/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung"
-image: "/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp"
-description: "新北 吳工程師｜新成屋<br>兩房兩廳｜28 坪<br>總預算 80 萬<br>"
-custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
-size: "31.6坪"
-bed_num: "兩房兩廳"
-house_type: "大樓/新成屋"
-designer: "Chinnie"
-space: "客廳 餐廳 主臥 次臥-html"
-loc: "台中"
-budget: "111.9萬"
-construction: "昂峰謙若樹"
-# 確定格式就擺fontmatter
----

content/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/index.md

@@ -0,0 +1,91 @@
+---
+# 確定格式就擺fontmatter
+title: "推開百葉窗 遇見家的簡單溫馨｜小寶優居・成家故事"
+collection_title: "推開百葉窗 遇見家的簡單溫馨"
+date: 2021-02-23T13:18:25+08:00
+draft: false
+type: "collection"
+url: "/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/"
+image: "/img/collection/4646e6a4a20b4a9488f7aa1e517031a9.webp"
+cover_img : "/img/banner/bn_portfolio2x.png"
+description: "台中 吳工程師｜新成屋<br>兩房兩廳｜31.6 坪<br>總預算 111.9 萬<br>"
+size: "31.6坪"
+bed_num: "兩房兩廳"
+house_type: "大樓/新成屋"
+designer: "Chinnie"
+space: "客廳 餐廳<br>主臥 次臥"
+loc: "台中"
+budget: "111.9萬"
+construction: "昂峰謙若樹"
+collection_description: "原先房子格局其實是三房，但在預售屋客變階段，我們跟建商溝通，把本來一房的空間，變成現在的開放式餐廳，也分了一些給主臥、次臥，家裡的空間變得更寬裕了。
+這個家跟別人最不一樣的地方，就是客廳、餐廳、廚房是在一個空間裡，煮飯、看電視、玩耍、工作、寫作業，無論做什麼，一家人都在一個空間裡陪伴彼此，所以特別設計了一個工作、用餐都很合適的餐桌，偶爾媽媽在餐廳工作、廚房煮飯，還可以看到爸爸跟孩子在客廳玩耍。風格上，一開始想要簡單舒適的北歐風，又覺得溫馨的日式風格很吸引人。後來考慮到屋外很多建案正在進行，風景並不美觀，也有很多粉塵，選擇安裝了VAF全室空氣清淨系統，加上媽媽很喜歡的白色木百葉，整個家有了一點點美式鄉村的風味，加上開放式的空間，家有了舒適又自在的生活感。成家的過程像是一關關的選擇遊戲，在追求理想生活與美好的堅持下，我們全家人都很滿意的這個溫馨舒適的家。"
+collection_slider: [
+    {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/78dfc1195b8a4038a0bdff06bd530352.webp",
+    "slide_text":"▲客廳維持整潔乾淨的秘訣，就是東西要有地方收，除了電視牆右邊的大收納櫃，我們挑選的沙發跟熟成吐司茶几都有收納功能。"
+    },
+    {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/5a3b5bcb45114fe1819ab5e7a4641ffb.webp","slide_text":"▲房子原本的格局從玄關進屋後，廚房就在左側的動線上，右側是開放式的客餐廳。"
+    },
+    {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/04a642ce965644a2b09b25eb49a4a5ad.webp",
+        "slide_text":"▲設計師利用牆面規劃了鞋櫃、隨手置物區、客廳收納、冰箱的位置，解決了原先擔心的收納問題。"
+    },
+    {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/03984f382a1141769596a40d7fd886e9.webp",
+        "slide_text":"▲兩座收納櫃對一家三口來說很充裕，除了鞋櫃、外出用品之外，也會收納一些生活備品。"
+    },
+    {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/617c7c155b8940c9a7db1333c65b8cb1.webp",
+        "slide_text":"▲客變時，自己跟建商溝通格局的調整，減少一道隔間後，多了一個可以放餐桌的地方。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/056bfff9283a4c65b5c370aaeea8f049.webp",
+        "slide_text":"▲很喜歡沙發後面就是餐桌的格局，這樣的設計全家人坐在餐桌上也能看電視，家人都很樂意在餐桌上一起用餐。"
+    },
+    {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/7092849b423442c0afac90e9a06c9098.webp",
+        "slide_text":"▲電視牆刷上灰色的特殊漆，簡單之中多了一些細節的層次，層板跟電視櫃創造很多展示空間，可以放紀念品、小比作品跟獎盃。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/ad3de65dbc694e2c9e44c1397f8153b2.webp",
+        "slide_text":"▲客餐廳中間，用木作搭了一道矮牆作為沙發的依靠，也把地面的插座延伸到牆面，可以在沙發上使用；同時也增加了小餐櫃，補充廚房不夠的電器櫃收納。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/1f73d97818644e96a8137f0282d3ae86.webp",
+        "slide_text":"▲這個餐櫃是家中的小吧台，悠閒的假日，在這泡上一杯咖啡，全家人在這裡享受悠閒的時光。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/8b30f285fa3140a28f3814d62d1a023e.webp",
+        "slide_text":"▲餐桌是用中島調整高度修改的，這樣既可以有中島的收納功能，也可以有一般餐桌使用高度，孩子可以很容易的坐上餐桌，平時除了用餐，我們也會在這辦公、寫作業。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/95f496af99674bfea7e78b64ab667c3d.webp",
+        "slide_text":"▲屋外有許多正在進行的建案，考慮到空氣品質跟景觀，家裡幾乎不開窗，後來挑選了木百葉取代窗簾，沒想到超級加分，保留了光線，也讓生活有了另一種風格。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/8cddab489f39481884974c4fef20db65.webp",
+        "slide_text":"▲大部分的時間全家人都在客廳，所以臥室以簡單的睡眠、收納機能為主。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/b0306dc95f49443d88da49583a0d57b4.webp",
+        "slide_text":"▲因為客變時的調整，主臥室的衣櫥、生活動線都更寬裕了！小寶的設計師把衣櫃剩下的小角落也做收納，不浪費空間，也不會因為衣櫃的厚度而感受到壓迫。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/850c9857237140c09f24d719220d4a8c.webp",
+        "slide_text":"▲粉灰色是兩人都很喜歡的顏色，搭配白色的圓滑處事化妝桌，跟窗戶灑下來的日光，有一種歲月靜好的感覺。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/5cc4c3aef90f4326a475ff4f2cae9400.webp",
+        "slide_text":"▲小比的房間當然選了最愛的粉紅色，現在我們還會輪流來陪小比睡覺，長大後這就是小比一個人的空間。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/3d9bd3c90fc741fcb5f9aa62f3d2bba6.webp",
+        "slide_text":"▲設計時，把從小到大的機能都考慮進去了，一整面的書櫃結合書桌，以及床頭的三斗櫃，讓小比的私人物品都可以好好收納。"
+    },
+     {
+        "slide_img":"/collection/open_the_blinds_and_meet_the_simple_warmth_of_home/img/0b916b2d9c2141968bea142d9ebf58e5.webp",
+        "slide_text":"▲衣櫃依照床的寬度設計，由於直接面向床，設計師特別把吊衣桿的高度做了調整，坐在床上順手就可以方便吊掛；上方的抽屜跟門片，也可以站在床上使用。"
+    },
+]
+---

layouts/collection/single.html

@@ -1,288 +1,322 @@
 {{ define "main" }}
 <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="...">
+        <img src="{{ .Params.cover_img}}" class="banner-img card-img" alt="...">
     </div>
-  </section>
-  <div class="style_house_ads">
+</section>
+<div class="style_house_ads">
     <h2 class="style_house_title style_house_text">{{ .Params.collection_title}}</h2>
-  </div>
-  <section class="style_house_banner container-fluid px-0">
+</div>
+<section class="style_house_banner container-fluid px-0">
     <img src="/img/1 2.webp" alt="">
-  </section>
-  <div class="style_house_content">
+</section>
+<div class="style_house_content">
     <div class="style_house_sec01">
-      <div class="style_house_sec01_box">
-        <div class="row px-0 mx-0">
-          <div class="col-4 col-md-4">
-            <h3 class="fw-bold">{{ .Params.size}}</h3>
-            <p>坪數</p>
-          </div>
-          <div class="col-4 col-md-4">
-            <h3 class="fw-bold">{{ .Params.bed_num}}</h3>
-            <p>格局</p>
-          </div>
-          <div class="col-4 col-md-4">
-            <h3 class="fw-bold">{{ .Params.house_type}}</h3>
-            <p>屋型</p>
-          </div>
-        </div>
-      </div>
-      <div class="style_house_sec01_box">
-        <div class="row px-0 mx-0">
-          <div class="col-4 col-md-4">
-            <h3 class="fw-bold">{{ .Params.loc}}</h3>
-            <p>地區</p>
-          </div>
-          <div class="col-4 col-md-4">
-            <h3 class="fw-bold">{{ .Params.construction}}</h3>
-            <p>建案名稱</p>
-          </div>
-          <div class="col-4 col-md-4">
-            <h3 class="fw-bold">{{ .Params.designer}}</h3>
-            <p>設計師</p>
-          </div>
+        <div class="style_house_sec01_box">
+            <div class="row px-0 mx-0">
+                <div class="col-4 col-md-4">
+                    <h3 class="fw-bold">{{ .Params.size}}</h3>
+                    <p>坪數</p>
+                </div>
+                <div class="col-4 col-md-4">
+                    <h3 class="fw-bold">{{ .Params.bed_num}}</h3>
+                    <p>格局</p>
+                </div>
+                <div class="col-4 col-md-4">
+                    <h3 class="fw-bold">{{ .Params.house_type}}</h3>
+                    <p>屋型</p>
+                </div>
+            </div>
         </div>
-      </div>
-      <div class="style_house_sec01_box">
-        <div class="style_house_sec01_box-1">
-          <div class="row px-0 mx-0">
-            <div class="col-4 ol-md-6 d-flex align-items-end justify-content-center">
-              <div>
-                <h3 class="fw-bold">{{ .Params.space}}</h3>
-                <!-- <h3 class="fw-bold">書房 主臥</h3> -->
-                <p>設計空間</p>
-              </div>
+        <div class="style_house_sec01_box">
+            <div class="row px-0 mx-0">
+                <div class="col-4 col-md-4">
+                    <h3 class="fw-bold">{{ .Params.loc}}</h3>
+                    <p>地區</p>
+                </div>
+                <div class="col-4 col-md-4">
+                    <h3 class="fw-bold">{{ .Params.construction}}</h3>
+                    <p>建案名稱</p>
+                </div>
+                <div class="col-4 col-md-4">
+                    <h3 class="fw-bold">{{ .Params.designer}}</h3>
+                    <p>設計師</p>
+                </div>
             </div>
-            <div class="col-8 col-md-6 d-flex align-items-end justify-content-center px-0">
-              <div>
-                <h3 class="fw-bold">{{ .Params.budget}}</h3>
-                <p>總預算(含設計/裝修/裝潢/系統櫃/家具)</p>
-              </div>
+        </div>
+        <div class="style_house_sec01_box">
+            <div class="style_house_sec01_box-1">
+                <div class="row px-0 mx-0">
+                    <div class="col-4 ol-md-6 d-flex align-items-end justify-content-center">
+                        <div>
+                            <h3 class="fw-bold">{{ .Params.space | safeHTML}}</h3>
+                            <!-- <h3 class="fw-bold">書房 主臥</h3> -->
+                            <p>設計空間</p>
+                        </div>
+                    </div>
+                    <div class="col-8 col-md-6 d-flex align-items-end justify-content-center px-0">
+                        <div>
+                            <h3 class="fw-bold">{{ .Params.budget}}</h3>
+                            <p>總預算(含設計/裝修/裝潢/系統櫃/家具)</p>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
     </div>
-  </div>
-  <hr class="style_house_line">
-  <div class="style_house_content">
+</div>
+<hr class="style_house_line">
+<div class="style_house_content">
     <div class="style_house_sec02">
-      <!-- <h1 class="style_house_title">標題JPBold22級字</h1> -->
-      <div class="style_house_sec02_content">
-        <div class="row px-0 mx-0">
-          <div class="col-7 col-md-5">
-            <img class="img-fluid" src="/img/people.png" alt="">
-          </div>
-          <div class="col-12 col-md-7 pe-0">
-            <div class="sec02_content_text">
-              <h2 class="style_house_subtitle"> {{ .Params.collection_title}}</h2>
-              <p>內文NotoJPMedium14級字行距28pt </p>
-              <p>
-                <!-- 都極度熱情，而且紳士般的協助拍攝團隊的黃先生，是個熱情 整個家裡，除了充滿精緻的氛圍，就像每一個家電，都被精心挑
+        <!-- <h1 class="style_house_title">標題JPBold22級字</h1> -->
+        <div class="style_house_sec02_content">
+            <div class="d-flex justify-content-between align-items-center">
+                <span></span>
+                <div class="icon-box">
+                    <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
+                    <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
+                </div>
+            </div>
+            <div class="row px-0 mx-0">
+                <div class="col-7 col-md-5">
+                    <img class="img-fluid" src="/img/people.png" alt="">
+                </div>
+                <div class="col-12 col-md-12 pe-0">
+                    <div class="sec02_content_text">
+                        <h2 class="style_house_subtitle"> {{ .Params.collection_title}}</h2>
+                        <!-- <p>內文NotoJPMedium14級字行距28pt </p> -->
+                        <p>
+                            <!-- 都極度熱情，而且紳士般的協助拍攝團隊的黃先生，是個熱情 整個家裡，除了充滿精緻的氛圍，就像每一個家電，都被精心挑
                 選、設計、尺寸、擺放之外，地板、置物櫃更是乾淨得一塵不染， 就像是飯店的客房服務剛離開一樣，在拍攝團隊進行拍攝的過 程，更是熱切的協助我們調整燈光、道具等，黃先生真是一位超
                 貼心紳士暖男呢! -->
-                {{.Params.description }}
-              </p>
+                            {{.Params.collection_description }}
+                        </p>
+                    </div>
+                </div>
             </div>
-          </div>
         </div>
-      </div>
     </div>
     <hr class="style_house_line">
     <div class="style_house_sec02">
-        <h1 class="style_house_title">內部圖解｜經過精密計算的生活模式</h1>
+        <!-- <h1 class="style_house_title">內部圖解｜經過精密計算的生活模式</h1> -->
         <div class="content">
-          <div class="slider slider-for style_house_sec02_slide">
-            <div>
-              <img class="img-fluid" src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
+            <div class="slider slider-for style_house_sec02_slide">
+                {{ range .Params.collection_slider }}
+                <div>
+                    <img class="img-fluid slide_single_img" src="{{ .slide_img | relURL }}" alt="">
+                    <div class="slide_item_text">
+                        <p> {{ .slide_text }} </p>
+                        <!-- <p>圖說NotoJPMedium14級字行距28pt</p> -->
+                    </div>
+                </div>
+                {{ end }}
+                <!-- <div>
+              <img class="img-fluid" src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp" alt="">
               <div class="slide_item_text">
                 <p> 圖說NotoJPMedium14級字行距28pt </p>
                 <p>圖說NotoJPMedium14級字行距28pt</p>
               </div>
             </div>
-            <div>
-              <img class="img-fluid" src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp" alt="">
-            </div>
             <div>
               <img class="img-fluid"
                 src="/img/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung.webp"
                 alt="">
+                <div class="slide_item_text">
+                    <p> 圖說NotoJPMedium14級字行距28pt </p>
+                    <p>圖說NotoJPMedium14級字行距28pt</p>
+                  </div>
             </div>
             <div>
-              <!-- 直式圖片 className 需加上 "vertical-img" 避免跑版 -->
+              直式圖片 className 需加上 "vertical-img" 避免跑版
               <img class="img-fluid vertical-img" style="width: 100%; object-fit: contain;" src="/img/b6.webp" alt="">
-            </div>
-            <div>
+            </div> -->
+                <!-- <div>
               <img class="img-fluid"
                 src="/img/collection/20_taiwanese_ping_vintage_cafe_shop_house_for_hipster_in_taichung.webp" alt="">
+                <div class="slide_item_text">
+                    <p> 圖說NotoJPMedium14級字行距28pt </p>
+                    <p>圖說NotoJPMedium14級字行距28pt</p>
+                  </div>
             </div>
             <div>
               <img class="img-fluid" src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
+              <div class="slide_item_text">
+                <p> 圖說NotoJPMedium14級字行距28pt </p>
+                <p>圖說NotoJPMedium14級字行距28pt</p>
+              </div>
             </div>
             <div>
               <img class="img-fluid" src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp" alt="">
+              <div class="slide_item_text">
+                <p> 圖說NotoJPMedium14級字行距28pt </p>
+                <p>圖說NotoJPMedium14級字行距28pt</p>
+              </div>
+            </div> -->
             </div>
-          </div>
-          <div class="slider slider-nav" style="margin-top: -40px;">
-            <div class="sec02_slide_item">
-              <img class="img-fluid slide_img" src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
-            </div>
-            <div class="sec02_slide_item">
-              <img class="img-fluid slide_img" src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp" alt="">
-            </div>
-            <div class="sec02_slide_item">
-              <img class="img-fluid slide_img"
-                src="/img/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung.webp"
-                alt="">
-            </div>
-            <div class="sec02_slide_item">
-              <img class="img-fluid slide_img" src="/img/b6.webp" alt="">
-            </div>
-            <div class="sec02_slide_item">
-              <img class="img-fluid slide_img"
-                src="/img/collection/20_taiwanese_ping_vintage_cafe_shop_house_for_hipster_in_taichung.webp" alt="">
-            </div>
-            <div class="sec02_slide_item">
-              <img class="img-fluid slide_img" src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
-            </div>
-            <div class="sec02_slide_item">
-              <img class="img-fluid slide_img" src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp" alt="">
+            <div class="slider slider-nav" style="margin-top: -10px;">
+                {{ range .Params.collection_slider }}
+                <div class="sec02_slide_item">
+                    <img class="img-fluid slide_img" src="{{ .slide_img | relURL }}" alt="">
+                </div>
+                {{ end }}
+                <!-- <div class="sec02_slide_item">
+                    <img class="img-fluid slide_img" src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp"
+                        alt="">
+                </div>
+                <div class="sec02_slide_item">
+                    <img class="img-fluid slide_img"
+                        src="/img/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung.webp"
+                        alt="">
+                </div>
+                <div class="sec02_slide_item">
+                    <img class="img-fluid slide_img" src="/img/b6.webp" alt="">
+                </div>
+                <div class="sec02_slide_item">
+                    <img class="img-fluid slide_img"
+                        src="/img/collection/20_taiwanese_ping_vintage_cafe_shop_house_for_hipster_in_taichung.webp"
+                        alt="">
+                </div>
+                <div class="sec02_slide_item">
+                    <img class="img-fluid slide_img" src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
+                </div>
+                <div class="sec02_slide_item">
+                    <img class="img-fluid slide_img" src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp"
+                        alt="">
+                </div> -->
             </div>
-          </div>
         </div>
         <hr class="style_house_line">
-      </div>
+    </div>
     <div class="style_house_sec03">
-      <h1 class="style_house_title">成家預算</h1>
-      <table class="table table-bordered border-dark table1">
-        <tbody>
-          <tr>
-            <th scope="row">預算說明</th>
-            <td>
-              <p>三房兩廳總預算:85.7萬</p>
-              <P>家具與模組系統櫃:60.9萬 ; 裝修預算:24.8萬</P>
-              <P>*為提供更精準的預算說明，本案預算依照現時裝修價格調整</P>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      <h1 class="style_house_title">系統櫃與家具一覽表</h1>
-      <table class="table table-bordered border-dark table2">
-        <tbody>
-          <tr>
-            <th scope="row">空間</th>
-            <td>
-              <p>使用的家具與模組系統櫃</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">客餐廳</th>
-            <td>
-              <p>海天一線電視櫃、不夠衣櫃、我愛衣櫃、穿雲櫃、今晚餐櫃、把鞋子吊起來、小寶凳、漂浮茶几、星巒沙發4+1貴妃椅、友直餐桌六人座、幸福三人長凳、愛妻中島、今晚餐櫃、無慮餐椅、人造石檯面
-              </p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">主臥</th>
-            <td>
-              <p>雙人枕頭五尺、不夠衣櫃、樂天吊櫃</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">次臥</th>
-            <td>
-              <p>老王方塊櫃、老王變長方塊櫃、我愛三門衣櫃、幸福餐椅</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">書房</th>
-            <td>
-              <p>玩色床架五尺、玩色抽屜床架、不夠衣櫃、喜樂展示櫃</p>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-      <h1 class="style_house_title">裝修項目清單</h1>
-      <table class="table table-bordered border-dark table2">
-        <tbody>
-          <tr>
-            <th scope="row">類別</th>
-            <td>
-              <p>裝修項目</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">木工</th>
-            <td>
-              <p>窗簾盒、冷氣包管</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">水電</th>
-            <td>
-              <p>電器專用插座與迴路設計</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">油漆</th>
-            <td>
-              <p>油漆跳色、特殊漆跳色</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">地板</th>
-            <td>
-              <p>全室地板、門片高度修改</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">泥作</th>
-            <td>
-              <p>玄關落塵區六角磚(使用台灣磚)</p>
-            </td>
-          </tr>
-          <tr>
-            <th scope="row">保護清潔</th>
-            <td>
-              <p>保護工程、細部清潔</p>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+        <h1 class="style_house_title">成家預算</h1>
+        <table class="table table-bordered border-dark table1">
+            <tbody>
+                <tr>
+                    <th scope="row">預算說明</th>
+                    <td>
+                        <p>三房兩廳總預算:85.7萬</p>
+                        <P>家具與模組系統櫃:60.9萬 ; 裝修預算:24.8萬</P>
+                        <P>*為提供更精準的預算說明，本案預算依照現時裝修價格調整</P>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <h1 class="style_house_title">系統櫃與家具一覽表</h1>
+        <table class="table table-bordered border-dark table2">
+            <tbody>
+                <tr>
+                    <th scope="row">空間</th>
+                    <td>
+                        <p>使用的家具與模組系統櫃</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">客餐廳</th>
+                    <td>
+                        <p>海天一線電視櫃、不夠衣櫃、我愛衣櫃、穿雲櫃、今晚餐櫃、把鞋子吊起來、小寶凳、漂浮茶几、星巒沙發4+1貴妃椅、友直餐桌六人座、幸福三人長凳、愛妻中島、今晚餐櫃、無慮餐椅、人造石檯面
+                        </p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">主臥</th>
+                    <td>
+                        <p>雙人枕頭五尺、不夠衣櫃、樂天吊櫃</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">次臥</th>
+                    <td>
+                        <p>老王方塊櫃、老王變長方塊櫃、我愛三門衣櫃、幸福餐椅</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">書房</th>
+                    <td>
+                        <p>玩色床架五尺、玩色抽屜床架、不夠衣櫃、喜樂展示櫃</p>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <h1 class="style_house_title">裝修項目清單</h1>
+        <table class="table table-bordered border-dark table2">
+            <tbody>
+                <tr>
+                    <th scope="row">類別</th>
+                    <td>
+                        <p>裝修項目</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">木工</th>
+                    <td>
+                        <p>窗簾盒、冷氣包管</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">水電</th>
+                    <td>
+                        <p>電器專用插座與迴路設計</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">油漆</th>
+                    <td>
+                        <p>油漆跳色、特殊漆跳色</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">地板</th>
+                    <td>
+                        <p>全室地板、門片高度修改</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">泥作</th>
+                    <td>
+                        <p>玄關落塵區六角磚(使用台灣磚)</p>
+                    </td>
+                </tr>
+                <tr>
+                    <th scope="row">保護清潔</th>
+                    <td>
+                        <p>保護工程、細部清潔</p>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
     </div>
     <hr class="style_house_line">
     <div class="style_house_sec04">
-      <h1 class="style_house_title">屋主的話</h1>
-      <p>(圖片)</p>
+        <h1 class="style_house_title">屋主的話</h1>
+        <p>(圖片)</p>
     </div>
     <hr class="style_house_line">
     <div class="style_house_sec05">
-      <h1 class="style_house_title">其他分類案例</h1>
-      <div class="style_house_sec05_box">
-        <a href="">書房</a>
-        <a href="">工業風</a>
-        <a href="">特殊漆</a>
-        <a href="">不做天花板</a>
-      </div>
+        <h1 class="style_house_title">其他分類案例</h1>
+        <div class="style_house_sec05_box">
+            <a href="">書房</a>
+            <a href="">工業風</a>
+            <a href="">特殊漆</a>
+            <a href="">不做天花板</a>
+        </div>
     </div>
     <hr class="style_house_line d-md-none d-block">
     <a href="/index.html">
-      <p class="article__readMore text-center"> <span style="font-size: 18px;"
-          class="fw-normal me-2">&lt;</span>回到成家故事案例</p>
+        <p class="article__readMore text-center"> <span style="font-size: 18px;"
+                class="fw-normal me-2">&lt;</span>回到成家故事案例</p>
     </a>
-  </div>
-  <hr class="style_house_line d-none d-md-block">
-  <div class="style_house_content d-none d-md-block">
+</div>
+<hr class="style_house_line d-none d-md-block">
+<div class="style_house_content d-none d-md-block">
     <div class="style_house_sec06">
-      <div class="row px-0 mx-0">
-        <div class="col-6 col-md-6">
-          <img class="img-fluid" src="/img/service planner.png" alt="">
-        </div>
-        <div class="col-6 col-md-6">
-          <img class="img-fluid" src="/img/qa.png" alt="">
+        <div class="row px-0 mx-0">
+            <div class="col-6 col-md-6">
+                <img class="img-fluid" src="/img/service planner.png" alt="">
+            </div>
+            <div class="col-6 col-md-6">
+                <img class="img-fluid" src="/img/qa.png" alt="">
+            </div>
         </div>
-      </div>
     </div>
-  </div>
-  {{ end }}
+</div>
+{{ end }}

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

@@ -1085,6 +1085,11 @@ img {
 
 /* 成家故事作品集-collection end */
 /* 成家故事作品集內頁-simple_korean_style_hous start */
+.icon-box img {
+  margin-top: 0px;
+  width: 35px;
+}
+
 .style_house_ads {
   padding: 15px;
   background: #fff;
@@ -1235,10 +1240,8 @@ img {
 }
 
 .style_house_sec02 .style_house_sec02_slide .slide_item_text {
-  background: rgba(76, 102, 11, 0.5);
+  background: #4c660b;
   padding: 15px;
-  -webkit-transform: translateY(-72px);
-  transform: translateY(-86px);
 }
 
 .style_house_sec02 .style_house_sec02_slide .slide_item_text p {

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

@@ -1105,6 +1105,10 @@ img {
 
 /* 成家故事作品集-collection end */
 /* 成家故事作品集內頁-simple_korean_style_hous start */
+.icon-box img {
+  margin-top: 0px;
+  width: 35px;
+}
 .style_house_ads {
   padding: 15px;
   background: #fff;
@@ -1252,10 +1256,10 @@ img {
 }
 
 .style_house_sec02 .style_house_sec02_slide .slide_item_text {
-  background: rgba(76, 102, 11, 0.5);
+  background: rgba(76, 102, 11, 1);
   padding: 15px;
-  -webkit-transform: translateY(-72px);
-  transform: translateY(-86px);
+  // -webkit-transform: translateY(-72px);
+  // transform: translateY(-86px);
 }
 
 // @media screen and (max-width: 767px) {

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

@@ -51,11 +51,32 @@ window.onload = () => {
       changeHeight();
     }, 500)
   });
+
+  $('.slide_single_img').each(function () { // jquery.each() 循環讀取所有圖片
+    var height = $(this).height();
+    var width = $(this).width();
+    console.log(height)
+    console.log(width)
+    let x=(height/width)
+    console.log(x)
+    if (x > 1) {
+      $(this).css({
+        'height': 500 + 'px',
+        "margin": 'auto',
+     
+      });
+    }else {
+    }
+  });
+
   $('.slide_img').each(function () { // jquery.each() 循環讀取所有圖片
     var height = $(this).height();
     var width = $(this).width();
     console.log(height)
-    if (height > 500) {
+    console.log(width)
+    let x=(height/width)
+    console.log(x)
+    if (x > 1) {
       $(this).css({
         'width': 100 + 'px',
         "margin": 'auto',