andy
/
git-ignore-test


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370
							<!DOCTYPE html>
<html lang="en">
  <head>
    {{ partial "headers.html" . }}
  </head>

  <body>
    <!-- <div class="header-template"></div> -->
    {{ partial "nav.html" . }}

    <section class="bhouseweb_loc_banner">
      <div class="card bg-transparent text-white border-0 rounded-0">
        <img
          src="/img/bn_portfolio2x.png"
          class="banner-img card-img"
          alt="..."
        />
        <div class="d-flex justify-content-end bt_container">
          <div class="bt_slogan text-center">
            <img src="/img/chevron-double-down (1).svg" alt="" />
          </div>
        </div>
        <img
          class="bt_slogan_portfolio"
          src="/img/bt_slogan_portfolio_h@2x.png"
          alt=""
        />
      </div>
    </section>
    <div class="bhouseweb_loc_content">
      <section class="bhouseweb_loc_sec01">
        <div class="bhouseweb_loc_box">
          <p class="fw-bold m-0">類型</p>
          <div class="bhouseweb_loc_type">
            <a class="bhouseweb_item_type">全部</a>
            <a class="bhouseweb_item_type">透天</a>
            <a class="bhouseweb_item_type">大樓</a>
          </div>
        </div>
        <div class="bhouseweb_loc_box">
          <p class="fw-bold m-0">坪數</p>
          <div class="bhouseweb_loc_type">
            <a class="bhouseweb_item_type">全部</a>
            <a class="bhouseweb_item_type">20坪以下</a>
            <a class="bhouseweb_item_type">20-35坪</a>
            <a class="bhouseweb_item_type">36-50坪</a>
            <a class="bhouseweb_item_type">50坪以上</a>
            <a class="bhouseweb_item_type">50坪以上</a>
            <a class="bhouseweb_item_type">50坪以上</a>
            <a class="bhouseweb_item_type">50坪以上</a>
          </div>
        </div>
        <div class="bhouseweb_loc_box">
          <p class="fw-bold m-0">預算</p>
          <div class="bhouseweb_loc_type">
            <a class="bhouseweb_item_type">全部</a>
            <a class="bhouseweb_item_type">59萬以下</a>
            <a class="bhouseweb_item_type">60-79萬</a>
            <a class="bhouseweb_item_type">80-99萬</a>
            <a class="bhouseweb_item_type">100萬</a>
          </div>
        </div>
        <div class="bhouseweb_loc_box">
          <p class="fw-bold m-0">格局</p>
          <div class="bhouseweb_loc_type">
            <a class="bhouseweb_item_type">全部</a>
            <a class="bhouseweb_item_type">兩房</a>
            <a class="bhouseweb_item_type">三房</a>
            <a class="bhouseweb_item_type">四房</a>
            <a class="bhouseweb_item_type">四房以上</a>
          </div>
        </div>
      </section>

      <section class="p-1">
        <div class="bhouseweb_loc_search_box">
          <form class="bhouseweb_search_form d-flex">
            <div class="bhouseweb_search_img">
              <i class="fas fa-search"></i>
            </div>
            <input
              id="bhouseweb_search"
              class="me-md-2"
              type="search"
              placeholder="搜 尋「北 歐 風」「工 業 風」「三 代 同 堂」「寵 物」"
              aria-label="Search"
            />
            <!-- <button class="btn btn-outline-success" type="submit">Search</button> -->
          </form>
        </div>
      </section>
    </div>
    <hr class="bhouseweb_loc_line" />
    <div class="bhouseweb_loc_content" style="overflow-x: hidden">
      <div class="bhouseweb_loc_sec02">
        <div class="row px-0 mx-0">
          {{ $paginator := .Paginate .Data.Pages }} {{ range $paginator.Pages }}
          <div class="col-12 col-sm-6 p-1">
            <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
              <a href="{{ .RelPermalink }}">
                <img
                  class="img-fluid"
                  src="{{ .Params.Image | relURL }}"
                  alt=""
                />
                <div class="slide_item_text">
                  <p>{{ replace .Title "｜小寶優居・成家故事" "" }}</p>
                </div>
                <div class="sec02-p-dec p-1 mt-1 text-center">
                  <h5 class="card-title">
                    {{ replace .Title "｜小寶優居・成家故事" "" }}
                  </h5>
                  <p class="card-text">{{ .Description | safeHTML }}</p>
                </div>
              </a>
            </div>
          </div>
          {{ end }}
          <!-- <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/50a125ea19c3bdeb9a8bd17533ce993d.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/6bb85ba684ed447a4d82e0da5d93f9e6.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/46c0c37fe8aff39685a3955c32e95a34.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/db978b041a9ea14bc66b68c81e768fa6.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/09d9615f19d41ca754897860c7958800.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/09d9615f19d41ca754897860c7958800.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/09d9615f19d41ca754897860c7958800.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/0c90a5a4fb84164b6e8a60147aa31122.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/3d272248107bdc7d610ee640fae3b182_1.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/50a125ea19c3bdeb9a8bd17533ce993d.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/6bb85ba684ed447a4d82e0da5d93f9e6.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/46c0c37fe8aff39685a3955c32e95a34.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img src="/img/collection/bdf492075d06c9353aa1523bcb9c0837.webp" alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img
                src="/img/collection/20_taiwanese_ping_slightly_sweet_milk_tea_color_beautiful_house_on_instagram_in_changhua.webp"
                alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div>
        <div class="col-6 col-md-6 p-1">
          <div class="bhouseweb_loc_sec02_card secimg mx-0 px-0 border-0">
            <a href="/simple_korean_style_hous.html">
              <img
                src="/img/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung.webp"
                alt="">
              <div class="sec02-p-dec p-1 mt-1 text-center">
                <h5 class="card-title">工飯程店師微的醺大好玩c h具i</h5>
                <p class="card-text">新北 吳工程師|新成屋</p>
                <p class="card-text">兩房兩廳|28坪</p>
                <p class="card-text">總預算80萬</p>
              </div>
            </a>
          </div>
        </div> -->
        </div>
      </div>
    </div>

    <p class="article__readMore text-center fw-bold my-3">
      看更多案例
      <span style="font-size: 16px" class="fw-normal me-2"> &or;</span>
    </p>

    <!-- <div class="footer-template"></div> -->

    {{ partial "footer.html" . }}

    <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
    integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
    crossorigin="anonymous"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

  <script async defer src="./js/index.js"></script> -->
    {{ partial "scripts.html" . }}
  </body>
</html>