New-Bhouse-Web/layouts/collection/single.html

{{ 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/bn_portfolio2x.png" class="banner-img card-img" alt="...">
    </div>
</section>
<div class="style_house_ads">
    <h2 class="style_house_title style_house_text m-0">{{ .Params.collection_title}}</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">{{ .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>
        </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-4 d-flex align-items-end justify-content-center px-0">
                        <div>
                            <h3 class="fw-bold">{{ .Params.space | safeHTML}}</h3>
                            <!-- <h3 class="fw-bold">書房 主臥</h3> -->
                            <p>設計空間</p>
                        </div>
                    </div>
                    <div class="col-8 col-md-8 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>
<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="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.collection_description }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr class="style_house_line">
    <div class="style_house_sec02">
        <!-- <h1 class="style_house_title">內部圖解｜經過精密計算的生活模式</h1> -->
        <div class="content">
            <div class="slider slider-for style_house_sec02_slide">
                {{ range .Params.collection_slider }}
                <div>
                    <img class="img-fluid slide_single_img" src="./{{ .slide_img }}" 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/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" 避免跑版
              <img class="img-fluid vertical-img" style="width: 100%; object-fit: contain;" src="/img/b6.webp" alt="">
            </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 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 }}" 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>
        <hr class="style_house_line">
    </div>
    <div class="style_house_sec03">
        <h1 class="style_house_title">空間平面圖</h1>
        <img class="img-fluid" src="{{ .Params.design_space_img }}" alt="">
        <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> -->
        {{ .Params.remark_budget | safeHTML}}
        <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> -->
        {{ .Params.furniture_table | safeHTML}}
        <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> -->
        {{ .Params.decoration_list_table | safeHTML}}
        
    </div>
    <hr class="style_house_line">
    <div class="style_house_sec04">
        <h1 class="style_house_title">屋主的話</h1>
        <p class="fw-bold">{{ .Params.Comment | safeHTML }}</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>
{{ end }}