collection update

content/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung拷貝10/index.md

@@ -0,0 +1,480 @@
+---
+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_taichung11"
+image: "/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp"
+description: "新北 吳工程師|新成屋<br>兩房兩廳|28坪<br>總預算80萬<br>"
+weight: 
+---
+  <script>
+    window.onload = () => {
+      $(".style_house_sec02_slide_list").slick({
+        dots: false,
+        slidesToShow: 5,
+        slidesToScroll: 3,
+        infinite: true,
+        // centerMode: true,
+        arrows: false,
+        prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left" style="font-size: 32px;color: #CC7DB7;transform: translateY(-10px);"></i></button>',
+        nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right" style="font-size: 32px;color: #CC7DB7;transform: translateY(-10px);"></i></button>'
+      });
+      $('.slide_img').each(function () { //jquery.each()循環讀取所有圖片
+        var height = $(this).height();
+        var width = $(this).width();
+        console.log(height)
+        if (height > 200) {
+          $(this).css({
+          'width': 100 + 'px',
+          "margin": 'auto',
+          });
+        }
+        else {
+          $(this).css({
+            "margin-top": '30px',
+          });
+        }
+       });
+    };
+  </script>
+  <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>
+  <div class="style_house_ads">
+    <h2 class="style_house_title style_house_text">精品飯店微醺好chill宅</h2>
+  </div>
+  <section class="style_house_banner container-fluid px-0">
+    <img src="/img/1 2.webp" alt="">
+  </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">30坪</h3>
+            <p>坪數</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">三房兩廳</h3>
+            <p>格局</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">大樓/新成屋</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">苗栗竹南</h3>
+            <p>地區</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">遠雄新苑</h3>
+            <p>建案名稱</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">Shan</h3>
+            <p>設計師</p>
+          </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">客廳 餐廳</h3>
+                <h3>書房 主臥</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">76.2萬</h3>
+                <p>總預算(含設計/裝修/裝潢/系統櫃/家具)</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </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">小標題NotoJPBold18級字</h2>
+              <p>內文NotoJPMedium14級字行距28pt </p>
+              <p>
+                都極度熱情，而且紳士般的協助拍攝團隊的黃先生，是個熱情 整個家裡，除了充滿精緻的氛圍，就像每一個家電，都被精心挑
+                選、設計、尺寸、擺放之外，地板、置物櫃更是乾淨得一塵不染， 就像是飯店的客房服務剛離開一樣，在拍攝團隊進行拍攝的過 程，更是熱切的協助我們調整燈光、道具等，黃先生真是一位超
+                貼心紳士暖男呢!
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <hr class="style_house_line">
+    <div class="style_house_sec02">
+      <h1 class="style_house_title">內部圖解|經過精密計算的生活模式</h1>
+      <div class="style_house_sec02_slide">
+        <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>
+      <div class="style_house_sec02_slide_list">
+        <div class="sec02_slide_item">
+          <div>
+            <img class="img-fluid slide_img" src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
+          </div>
+        </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>
+      <hr class="style_house_line">
+    </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>
+    </div>
+    <hr class="style_house_line">
+    <div class="style_house_sec04">
+      <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>
+    </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>
+    </a>
+  </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>
+      </div>
+    </div>
+  </div>
+
+  <!-- <footer class="footer w-100">
+    <div class="container-fluid">
+      <div class="row list">
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">關於小寶優居</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">我們的理念</a>
+              </li>
+              <li>
+                <a href="">最新消息公告</a>
+              </li>
+              <li>
+                <a href="">媒體聯繫</a>
+              </li>
+              <li>
+                <a href="">人才招募</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">社群平台</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">Facebook</a>
+              </li>
+              <li>
+                <a href="">Youtube</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">成家設計服務</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">成家設計服務流程</a>
+              </li>
+              <li>
+                <a href="">服務常見QA</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">小寶優居門市</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">服務範圍</a>
+              </li>
+              <li>
+                <a href="">新北門市</a>
+              </li>
+              <li>
+                <a href="">桃園門市</a>
+              </li>
+              <li>
+                <a href="">台中門市</a>
+              </li>
+              <li>
+                <a href="">台南門市</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">成家故事作品集</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">透天設計</a>
+              </li>
+              <li>
+                <a href="">大樓設計</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">小寶設計單品</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">所有設計單品</a>
+              </li>
+              <li>
+                <a href="">關於系統櫃</a>
+              </li>
+              <li>
+                <a href="">關於實木家具</a>
+              </li>
+              <li>
+                <a href="">關於床墊</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <h5 class="title">
+            <a href="">成家知識專欄</a>
+          </h5>
+          <ul>
+            <li>
+              <a href="">預售屋客變</a>
+            </li>
+            <li>
+              <a href="">驗屋交屋</a>
+            </li>
+            <li>
+              <a href="">預算準備</a>
+            </li>
+            <li>
+              <a href="">認識裝修裝潢</a>
+            </li>
+            <li>
+              <a href="">空間計劃</a>
+            </li>
+            <li>
+              <a href="">居家風格</a>
+            </li>
+            <li>
+              <a href="">家具家電</a>
+            </li>
+            <li>
+              <a href="">驗收入住</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div>
+        <img src="img/logo.png" height="45px" alt="" style="image-rendering: -webkit-optimize-contrast;">
+        <ul class="mobile-list">
+          <li>
+            <a href="">成家設計服務</a>
+          </li>
+          <li>
+            <a href="">成家知識專欄</a>
+          </li>
+          <li>
+            <a href="">成家故事作品集</a>
+          </li>
+          <li>
+            <a href="">小寶優居門市</a>
+          </li>
+          <li>
+            <a href="">小寶設計單品</a>
+          </li>
+          <li>
+            <a href="">關於小寶優居</a>
+          </li>
+          <li>
+            <a href="">社群平台</a>
+          </li>
+        </ul>
+      </div>
+
+      <div
+        class="d-flex flex-column flex-md-row align-items-center align-items-md-start justify-content-md-between copyright">
+        <p class="m-0">copyright ©2022 小寶股份有限公司 保留一切權利</p>
+        <div>
+          <a href="">隱私權政策</a> <span> | </span>
+          <a href="">使用條款</a> <span> | </span>
+          <a href="">法律聲明</a>
+        </div>
+      </div>
+    </div>
+  </footer> -->

content/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung拷貝3/index.md

@@ -0,0 +1,480 @@
+---
+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_taichung4"
+image: "/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp"
+description: "新北 吳工程師|新成屋<br>兩房兩廳|28坪<br>總預算80萬<br>"
+weight: 
+---
+  <script>
+    window.onload = () => {
+      $(".style_house_sec02_slide_list").slick({
+        dots: false,
+        slidesToShow: 5,
+        slidesToScroll: 3,
+        infinite: true,
+        // centerMode: true,
+        arrows: false,
+        prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left" style="font-size: 32px;color: #CC7DB7;transform: translateY(-10px);"></i></button>',
+        nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right" style="font-size: 32px;color: #CC7DB7;transform: translateY(-10px);"></i></button>'
+      });
+      $('.slide_img').each(function () { //jquery.each()循環讀取所有圖片
+        var height = $(this).height();
+        var width = $(this).width();
+        console.log(height)
+        if (height > 200) {
+          $(this).css({
+          'width': 100 + 'px',
+          "margin": 'auto',
+          });
+        }
+        else {
+          $(this).css({
+            "margin-top": '30px',
+          });
+        }
+       });
+    };
+  </script>
+  <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>
+  <div class="style_house_ads">
+    <h2 class="style_house_title style_house_text">精品飯店微醺好chill宅</h2>
+  </div>
+  <section class="style_house_banner container-fluid px-0">
+    <img src="/img/1 2.webp" alt="">
+  </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">30坪</h3>
+            <p>坪數</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">三房兩廳</h3>
+            <p>格局</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">大樓/新成屋</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">苗栗竹南</h3>
+            <p>地區</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">遠雄新苑</h3>
+            <p>建案名稱</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">Shan</h3>
+            <p>設計師</p>
+          </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">客廳 餐廳</h3>
+                <h3>書房 主臥</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">76.2萬</h3>
+                <p>總預算(含設計/裝修/裝潢/系統櫃/家具)</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </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">小標題NotoJPBold18級字</h2>
+              <p>內文NotoJPMedium14級字行距28pt </p>
+              <p>
+                都極度熱情，而且紳士般的協助拍攝團隊的黃先生，是個熱情 整個家裡，除了充滿精緻的氛圍，就像每一個家電，都被精心挑
+                選、設計、尺寸、擺放之外，地板、置物櫃更是乾淨得一塵不染， 就像是飯店的客房服務剛離開一樣，在拍攝團隊進行拍攝的過 程，更是熱切的協助我們調整燈光、道具等，黃先生真是一位超
+                貼心紳士暖男呢!
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <hr class="style_house_line">
+    <div class="style_house_sec02">
+      <h1 class="style_house_title">內部圖解|經過精密計算的生活模式</h1>
+      <div class="style_house_sec02_slide">
+        <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>
+      <div class="style_house_sec02_slide_list">
+        <div class="sec02_slide_item">
+          <div>
+            <img class="img-fluid slide_img" src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
+          </div>
+        </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>
+      <hr class="style_house_line">
+    </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>
+    </div>
+    <hr class="style_house_line">
+    <div class="style_house_sec04">
+      <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>
+    </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>
+    </a>
+  </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>
+      </div>
+    </div>
+  </div>
+
+  <!-- <footer class="footer w-100">
+    <div class="container-fluid">
+      <div class="row list">
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">關於小寶優居</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">我們的理念</a>
+              </li>
+              <li>
+                <a href="">最新消息公告</a>
+              </li>
+              <li>
+                <a href="">媒體聯繫</a>
+              </li>
+              <li>
+                <a href="">人才招募</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">社群平台</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">Facebook</a>
+              </li>
+              <li>
+                <a href="">Youtube</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">成家設計服務</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">成家設計服務流程</a>
+              </li>
+              <li>
+                <a href="">服務常見QA</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">小寶優居門市</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">服務範圍</a>
+              </li>
+              <li>
+                <a href="">新北門市</a>
+              </li>
+              <li>
+                <a href="">桃園門市</a>
+              </li>
+              <li>
+                <a href="">台中門市</a>
+              </li>
+              <li>
+                <a href="">台南門市</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">成家故事作品集</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">透天設計</a>
+              </li>
+              <li>
+                <a href="">大樓設計</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">小寶設計單品</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">所有設計單品</a>
+              </li>
+              <li>
+                <a href="">關於系統櫃</a>
+              </li>
+              <li>
+                <a href="">關於實木家具</a>
+              </li>
+              <li>
+                <a href="">關於床墊</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <h5 class="title">
+            <a href="">成家知識專欄</a>
+          </h5>
+          <ul>
+            <li>
+              <a href="">預售屋客變</a>
+            </li>
+            <li>
+              <a href="">驗屋交屋</a>
+            </li>
+            <li>
+              <a href="">預算準備</a>
+            </li>
+            <li>
+              <a href="">認識裝修裝潢</a>
+            </li>
+            <li>
+              <a href="">空間計劃</a>
+            </li>
+            <li>
+              <a href="">居家風格</a>
+            </li>
+            <li>
+              <a href="">家具家電</a>
+            </li>
+            <li>
+              <a href="">驗收入住</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div>
+        <img src="img/logo.png" height="45px" alt="" style="image-rendering: -webkit-optimize-contrast;">
+        <ul class="mobile-list">
+          <li>
+            <a href="">成家設計服務</a>
+          </li>
+          <li>
+            <a href="">成家知識專欄</a>
+          </li>
+          <li>
+            <a href="">成家故事作品集</a>
+          </li>
+          <li>
+            <a href="">小寶優居門市</a>
+          </li>
+          <li>
+            <a href="">小寶設計單品</a>
+          </li>
+          <li>
+            <a href="">關於小寶優居</a>
+          </li>
+          <li>
+            <a href="">社群平台</a>
+          </li>
+        </ul>
+      </div>
+
+      <div
+        class="d-flex flex-column flex-md-row align-items-center align-items-md-start justify-content-md-between copyright">
+        <p class="m-0">copyright ©2022 小寶股份有限公司 保留一切權利</p>
+        <div>
+          <a href="">隱私權政策</a> <span> | </span>
+          <a href="">使用條款</a> <span> | </span>
+          <a href="">法律聲明</a>
+        </div>
+      </div>
+    </div>
+  </footer> -->

content/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung拷貝4/index.md

@@ -0,0 +1,480 @@
+---
+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_taichung5"
+image: "/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp"
+description: "新北 吳工程師|新成屋<br>兩房兩廳|28坪<br>總預算80萬<br>"
+weight: 
+---
+  <script>
+    window.onload = () => {
+      $(".style_house_sec02_slide_list").slick({
+        dots: false,
+        slidesToShow: 5,
+        slidesToScroll: 3,
+        infinite: true,
+        // centerMode: true,
+        arrows: false,
+        prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left" style="font-size: 32px;color: #CC7DB7;transform: translateY(-10px);"></i></button>',
+        nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right" style="font-size: 32px;color: #CC7DB7;transform: translateY(-10px);"></i></button>'
+      });
+      $('.slide_img').each(function () { //jquery.each()循環讀取所有圖片
+        var height = $(this).height();
+        var width = $(this).width();
+        console.log(height)
+        if (height > 200) {
+          $(this).css({
+          'width': 100 + 'px',
+          "margin": 'auto',
+          });
+        }
+        else {
+          $(this).css({
+            "margin-top": '30px',
+          });
+        }
+       });
+    };
+  </script>
+  <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>
+  <div class="style_house_ads">
+    <h2 class="style_house_title style_house_text">精品飯店微醺好chill宅</h2>
+  </div>
+  <section class="style_house_banner container-fluid px-0">
+    <img src="/img/1 2.webp" alt="">
+  </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">30坪</h3>
+            <p>坪數</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">三房兩廳</h3>
+            <p>格局</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">大樓/新成屋</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">苗栗竹南</h3>
+            <p>地區</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">遠雄新苑</h3>
+            <p>建案名稱</p>
+          </div>
+          <div class="col-4 col-md-4">
+            <h3 class="fw-bold">Shan</h3>
+            <p>設計師</p>
+          </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">客廳 餐廳</h3>
+                <h3>書房 主臥</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">76.2萬</h3>
+                <p>總預算(含設計/裝修/裝潢/系統櫃/家具)</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </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">小標題NotoJPBold18級字</h2>
+              <p>內文NotoJPMedium14級字行距28pt </p>
+              <p>
+                都極度熱情，而且紳士般的協助拍攝團隊的黃先生，是個熱情 整個家裡，除了充滿精緻的氛圍，就像每一個家電，都被精心挑
+                選、設計、尺寸、擺放之外，地板、置物櫃更是乾淨得一塵不染， 就像是飯店的客房服務剛離開一樣，在拍攝團隊進行拍攝的過 程，更是熱切的協助我們調整燈光、道具等，黃先生真是一位超
+                貼心紳士暖男呢!
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <hr class="style_house_line">
+    <div class="style_house_sec02">
+      <h1 class="style_house_title">內部圖解|經過精密計算的生活模式</h1>
+      <div class="style_house_sec02_slide">
+        <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>
+      <div class="style_house_sec02_slide_list">
+        <div class="sec02_slide_item">
+          <div>
+            <img class="img-fluid slide_img" src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
+          </div>
+        </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>
+      <hr class="style_house_line">
+    </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>
+    </div>
+    <hr class="style_house_line">
+    <div class="style_house_sec04">
+      <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>
+    </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>
+    </a>
+  </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>
+      </div>
+    </div>
+  </div>
+
+  <!-- <footer class="footer w-100">
+    <div class="container-fluid">
+      <div class="row list">
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">關於小寶優居</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">我們的理念</a>
+              </li>
+              <li>
+                <a href="">最新消息公告</a>
+              </li>
+              <li>
+                <a href="">媒體聯繫</a>
+              </li>
+              <li>
+                <a href="">人才招募</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">社群平台</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">Facebook</a>
+              </li>
+              <li>
+                <a href="">Youtube</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">成家設計服務</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">成家設計服務流程</a>
+              </li>
+              <li>
+                <a href="">服務常見QA</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">小寶優居門市</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">服務範圍</a>
+              </li>
+              <li>
+                <a href="">新北門市</a>
+              </li>
+              <li>
+                <a href="">桃園門市</a>
+              </li>
+              <li>
+                <a href="">台中門市</a>
+              </li>
+              <li>
+                <a href="">台南門市</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <div class="d-flex flex-column">
+            <h5 class="title">
+              <a href="">成家故事作品集</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">透天設計</a>
+              </li>
+              <li>
+                <a href="">大樓設計</a>
+              </li>
+            </ul>
+
+            <h5 class="title">
+              <a href="">小寶設計單品</a>
+            </h5>
+            <ul>
+              <li>
+                <a href="">所有設計單品</a>
+              </li>
+              <li>
+                <a href="">關於系統櫃</a>
+              </li>
+              <li>
+                <a href="">關於實木家具</a>
+              </li>
+              <li>
+                <a href="">關於床墊</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="col">
+          <h5 class="title">
+            <a href="">成家知識專欄</a>
+          </h5>
+          <ul>
+            <li>
+              <a href="">預售屋客變</a>
+            </li>
+            <li>
+              <a href="">驗屋交屋</a>
+            </li>
+            <li>
+              <a href="">預算準備</a>
+            </li>
+            <li>
+              <a href="">認識裝修裝潢</a>
+            </li>
+            <li>
+              <a href="">空間計劃</a>
+            </li>
+            <li>
+              <a href="">居家風格</a>
+            </li>
+            <li>
+              <a href="">家具家電</a>
+            </li>
+            <li>
+              <a href="">驗收入住</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div>
+        <img src="img/logo.png" height="45px" alt="" style="image-rendering: -webkit-optimize-contrast;">
+        <ul class="mobile-list">
+          <li>
+            <a href="">成家設計服務</a>
+          </li>
+          <li>
+            <a href="">成家知識專欄</a>
+          </li>
+          <li>
+            <a href="">成家故事作品集</a>
+          </li>
+          <li>
+            <a href="">小寶優居門市</a>
+          </li>
+          <li>
+            <a href="">小寶設計單品</a>
+          </li>
+          <li>
+            <a href="">關於小寶優居</a>
+          </li>
+          <li>
+            <a href="">社群平台</a>
+          </li>
+        </ul>
+      </div>
+
+      <div
+        class="d-flex flex-column flex-md-row align-items-center align-items-md-start justify-content-md-between copyright">
+        <p class="m-0">copyright ©2022 小寶股份有限公司 保留一切權利</p>
+        <div>
+          <a href="">隱私權政策</a> <span> | </span>
+          <a href="">使用條款</a> <span> | </span>
+          <a href="">法律聲明</a>
+        </div>
+      </div>
+    </div>
+  </footer> -->