syuanyuri
/
New_Bhouse_Web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804
							<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">

<head>
  {{ partial "headers.html" . }}
</head>

<body>
  <div class="container-fluid p-0">
    <nav class="navbar navbar-expand-lg navbar-dark p-0">
      <div class="container-fluid p-0 nav-mobile">
        <div>
          <a class="navbar-brand home pt-0" href="/">
            <img src="/img/bhousev2_img/logo_phone.png" alt="小寶優居・美好成家：陪伴你成家的住宅設計品牌 logo" width="160" height="60">
            <span class="sr-only">小寶優居・美好成家：陪伴你成家的住宅設計品牌 - go to homepage</span>
          </a>
        </div>
        <button onclick="changeIcon(this)" id="menutoggle" class="navbar-toggler" type="button"
          data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
          aria-expanded="false" aria-label="Toggle navigation">
          <span data-toggle-class="icon" class="navbar-toggler-icon">
            <!-- <img src="./img/menu.png" alt="" width="20"> -->
          </span>
        </button>

        <div class="collapse navbar-collapse d-lg-flex justify-content-center" id="navbarSupportedContent">

          <ul class="navbar-nav mb-2 mb-lg-0 d-flex align-items-center">
            <li class="navbar-logo d-flex align-items-center d-none d-md-block">
              <a href="/">
                <img src="/img/bhousev2_img/logo.png" alt="小寶優居・美好成家：陪伴你成家的住宅設計品牌 logo" height="25"
                  style="image-rendering:-webkit-optimize-contrast;">

                <span class="sr-only">小寶優居・美好成家：陪伴你成家的住宅設計品牌 - go to homepage</span>
              </a>
            </li>
            <li class="nav-item ">
              <a class="navbar-link" href="/collection/">室內設計作品</a>
            </li>
            <li class="nav-item ">
              <a class="navbar-link" href="/room_planner/">成家設計服務</a>
            </li>
            <li class="nav-item ">
              <a class="navbar-link" href="/frequently_asked_questions/">服務常見QA</a>
            </li>
            <li class="nav-item ">
              <a class="navbar-link" href="/blog_main/">成家知識專欄</a>
            </li>
            <li class="nav-item ">
              <a class="navbar-link" href="/furniture_design/sofa">小寶設計單品</a>
            </li>
            <li class="nav-item ">
              <a class="navbar-link" href="/store/">小寶優居門市</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- <div id="carouselExampleSlidesOnly" class="carousel slide bhousev2_banner_slide" data-bs-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active">
          <div style="background-image:url(/img/bhousev2_img/banner/banner_slide1.webp);" class="banner1 d-flex align-items-center justify-content-center">
            <h1 class="bhouse_slogan text-center fade">小寶優居，陪你成家</h1>
          </div>
        </div>
        <div class="carousel-item">
          <div style="background-image: url(/img/bhousev2_img/banner/banner_slide2.webp);" class="banner2 d-flex align-items-center justify-content-center">
            <h1 class="bhouse_slogan text-center fade">小寶優居，陪你成家</h1>
          </div>
        </div>
        <div class="carousel-item">
          <div style="background-image: url(/img/bhousev2_img/banner/banner_slide3.webp);" class="banner3 d-flex align-items-center justify-content-center">
            <h1 class="bhouse_slogan text-center fade">小寶優居，陪你成家</h1>
          </div>
        </div>
        <div class="carousel-item">
          <div style="background-image: url(/img/bhousev2_img/banner/banner_slide4.webp);" class="banner4 d-flex align-items-center justify-content-center">
            <h1 class="bhouse_slogan text-center fade">小寶優居，陪你成家</h1>
          </div>
        </div>
      </div>
    </div> -->
    <div class="bhousev2_banner_slide">
      <div class="carousel-item">
        <div style="background-image: url(/img/bhousev2_img/banner/banner_slide4.webp);"
          class="banner4 d-flex align-items-center justify-content-center">
          <h1 class="bhouse_slogan text-center fade">小寶優居，陪你成家</h1>
        </div>
      </div>
      <div class="carousel-item">
        <div style="background-image: url(/img/bhousev2_img/banner/banner_slide3.webp);"
          class="banner3 d-flex align-items-center justify-content-center">
          <h1 class="bhouse_slogan text-center fade">小寶優居，陪你成家</h1>
        </div>
      </div>
      <div class="carousel-item">
        <div style="background-image:url(/img/bhousev2_img/banner/banner_slide1.webp);"
          class="banner1 d-flex align-items-center justify-content-center">
          <h1 class="bhouse_slogan text-center fade">小寶優居，陪你成家</h1>
        </div>
      </div>
    </div>
  </div>

  <div class="reserve">
    <a href="https://maac.io/1Pife" target="_blank">
      <img src="/img/bhousev2_img/LINE-CONTACT.png" alt="">
    </a>
  </div>

  <section class="container-fluid">
    <div class="bhousev2_sec01">
      <!-- <h2 class="bhousev2_title mobile_title">室內設計｜安心裝修</h2> -->
      <div class="row">
        <div class="col-lg-6 order-lg-first order-last">
          <h2 class="bhousev2_sec01_title">室內設計｜安心裝修</h2>
          <hr class="bhousev2_sec01_hr">
          <div class="bhousev2_sec01_text">
            <p>從你買房到入住，小寶優居陪你把房子變成家，但其實，小寶更在意你入住後的每一刻，每個設計都是從你與家人的需求出發：風格美感、生活習慣、收納細節...我們透過瞭解你，陪伴你完成你的家。
            </p>
            <p> 同時，小寶也懂你在裝潢時最在意的細節：透明的流程與報價、健康安全的選材與工法、可信任的履約保證，我們提供最讓你放心的成家設計服務，給你美好無痛的成家體驗。</p>
          </div>
        </div>
        <div class="col-lg-6 order-lg-last order-first">
          <!-- <style>
            .embed-container {
              position: relative;
              padding-bottom: 56.25%;
              height: 0;
              overflow: hidden;
              max-width: 100%;
            }

            .embed-container iframe,
            .embed-container object,
            .embed-container embed {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
            }
          </style>
          <div class='embed-container'><iframe src='https://www.youtube.com/embed//WXjSs2lOFLk?autoplay=1&mute=1'
              frameborder='0' allowfullscreen></iframe></div> -->

          <style>
            .embed-container {
              position: relative;
              padding-bottom: 56.25%;
              height: 0;
              overflow: hidden;
              max-width: 100%;
            }

            .embed-container iframe,
            .embed-container object,
            .embed-container embed {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
            }
          </style>
          <div class='embed-container'><iframe src='https://www.youtube.com/embed//WXjSs2lOFLk?autoplay=1&mute=1'
              frameborder='0' allowfullscreen></iframe></div>
        </div>
      </div>
    </div>
    </div>
  </section>

  <section class="container-fluid bhousev2_sec02_fluid">
    <div class="bhousev2_sec02">
      <div class="bhousev2_sec02_content">
        <h2 class="bhousev2_title text-center">成家作品集</h2>
        <div class="bhousev2_sec02_box">
          <div class="row">
            {{ with .Site.GetPage "/collection" }}
            {{ range first 4 .Pages }}
            <div class="col-lg-6">
              <div class="card text-white bhousev2_sec02_collection">
                <a style="text-decoration: none; color:#fff;" href="{{ .Params.url }}">
                  <img class="img-fluid bhousev2_sec02_collection_img" src="{{ .Params.cover_img }}" alt="">
                  <div style="height: 100%;" class="card-img-overlay d-flex align-items-end">
                    <div class="bhousev2_sec02_collection_text">
                      <h2 class="card-title">{{ .Params.title }}</h2>
                      <p class="card-text">{{ .Params.loc }}｜{{ .Params.room_count }}</p>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            {{ end }}
            {{ end }}

            <!-- <div class="col-lg-6">
              <div class="card text-white bhousev2_sec02_collection">
                <img class="img-fluid" src="/img/bhousev2_img/collection/collection2.webp" alt="">
                <div style="height: 100%;" class="card-img-overlay d-flex align-items-end">
                  <div class="bhousev2_sec02_collection_text">
                    <h5 class="card-title">化解尷尬格局，與魯夫一起熱血逐夢</h5>
                    <p class="card-text">彰化 航行在大航道上的許先生</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="card text-white bhousev2_sec02_collection">
                <img class="img-fluid" src="/img/bhousev2_img/collection/collection3.webp" alt="">
                <div style="height: 100%;" class="card-img-overlay d-flex align-items-end">
                  <div class="bhousev2_sec02_collection_text">
                    <h5 class="card-title">化解尷尬格局，與魯夫一起熱血逐夢</h5>
                    <p class="card-text">彰化 航行在大航道上的許先生</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="card text-white bhousev2_sec02_collection">
                <img class="img-fluid" src="/img/bhousev2_img/collection/collection4.webp" alt="">
                <div style="height: 100%;" class="card-img-overlay d-flex align-items-end">
                  <div class="bhousev2_sec02_collection_text">
                    <h5 class="card-title">化解尷尬格局，與魯夫一起熱血逐夢</h5>
                    <p class="card-text">彰化 航行在大航道上的許先生</p>
                  </div>
                </div>
              </div>
            </div> -->
          </div>
        </div>
        <div class="text-center">
          <a href="/collection/">
            <button class="sec02_load_more">查看更多</button>
          </a>
        </div>
      </div>
    </div>
  </section>

  <section class="bhousev2_sec03_fluid">
    <div class="bhousev2_sec03">
      <h2>“我在小寶優居完成夢想中的家”</h2>
      <div class="bhousev2_sec03_btn">
        <p>陪伴 <span id="target" class="bhousev2_sec03_number">1342</span>位屋主把房子變成家</p>
      </div>
      <div class="bhousev2_sec03_text">
        <!-- <p>完工客戶淨推薦分數（NPS）：<span class="bhousev2_sec03_scroll">88分</span></p> -->
        <h2>完工客戶淨推薦分數（NPS）：88分</h2>
        <p class="small">完工客戶，成家設計滿意度：<span>9.7分</span></p>
      </div>
    </div>
  </section>

  <section class="bhousev2_sec04_fluid">
    <div class="bhousev2_sec04">
      <div class="bhousev2_sec04_slide">
        <div class="card text-white border-0">
          <img src="/img/bhousev2_img/kol1.jpg" class="bhousev2_sec04_img" alt="">
          <div class="card-img-overlay d-flex align-items-center justify-content-center">
            <div class="bhousev2_sec04_slide_text">
              <h5 class="card-title bhousev2_sec_img_title">屋主見證</h5>
              <p class="bhousev2_sec_img_text">感謝你們把珍貴的家，交給小寶優居。</p>
            </div>
          </div>
        </div>
        <div class="card text-white border-0">
          <img src="/img/bhousev2_img/kol2.jpg" class="bhousev2_sec04_img" alt="">
          <div class="card-img-overlay d-flex align-items-center justify-content-center">
            <div class="bhousev2_sec04_slide_text">
              <h5 class="card-title bhousev2_sec_img_title">屋主見證</h5>
              <p class="bhousev2_sec_img_text">感謝你們把珍貴的家，交給小寶優居。</p>
            </div>
          </div>
        </div>
        <!-- <div class="card text-white border-0">
          <img src="./img/asian-family4.webp" class="bhousev2_sec04_img" alt="">
          <div class="card-img-overlay d-flex align-items-center justify-content-center">
            <div>
              <h5 class="card-title bhousev2_sec_img_title">屋主見證(網紅)</h5>
              <p class="bhousev2_sec_img_text">感謝你們把珍貴的家，交給小寶優居。</p>
            </div>
          </div>
        </div> -->
      </div>
    </div>
  </section>

  <section class="bhousev2_sec05_fluid">
    <div class="bhousev2_sec05">
      <h2 class="mobile_title text-center">服務範圍涵蓋全台</h2>
      <div class="row px-0 mx-0">
        <div class="col-lg-6">
          <img src="/img/bhousev2_img/collection/bhousev2_sec03.jpg" class="img-fluid" alt="">
        </div>
        <div class="col-lg-6">
          <div class="bhousev2_sec05_loc_list">
            <h2 class="sec05-destitle">服務範圍涵蓋全台</h2>
            <div class="bhousev2_sec05_loc">
              <ul>
                <li>新北門市</li>
              </ul>
              <p>236新北市土城區中華路二段201號</p>
            </div>
            <div class="bhousev2_sec05_loc">
              <ul>
                <li>台中門市</li>
              </ul>
              <p>406台中市北屯區環中路一段1700號春天家具城內</p>
            </div>
            <div class="bhousev2_sec05_loc">
              <ul>
                <li>台南門市</li>
              </ul>
              <p>704台南市北區中華北路一段420號</p>
            </div>
          </div>
          <div class="bhousev2_sec05_load_more">
            <button class="sec02_load_more"><a href="/store/">查看更多</a></button>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="bhousev2_sec06_fluid">
    <div class="bhousev2_sec06">
      <div class="card text-white border-0">
        <img src="/img/bhousev2_img/businessmen-hand.webp" class="img-fluid bhousev2_sec06_img" alt="">
        <div class="card-img-overlay d-flex align-items-center justify-content-center">
          <div class="bhousev2_sec06_content">
            <h6 class="bhousev2_sec_img_title2 destop_title">為什麼室內設計、裝潢首選小寶優居？</h6>
            <h6 class="bhousev2_sec_img_title2 mobile_title">為什麼室內設計<br>裝潢首選小寶優居？</h6>
            <h5 class="card-title bhousev2_sec_img_title destop_title">透明流程、報價嚴謹工程款零追加</h5>
            <h5 class="card-title bhousev2_sec_img_title mobile_title">透明流程、報價嚴謹<br>工程款零追加</h5>
            <p class="bhousev2_sec_img_text destop_title">告別邊做邊追加，報價即總價</p>
            <p class="bhousev2_sec_img_text mobile_title">告別邊做邊追加<br>報價即總價</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="bhousev2_sec07_fluid">
    <div class="bhousev2_sec07">
      <h2 class="bhousev2_title text-center">嚴選建材品牌</h2>
      <div class="bhousev2_sec07_slide_mobile">
        <img class="img-fluid" src="/img/bhousev2_img/materia_wall.jpg" alt="">
      </div>
      <div class="bhousev2_sec07_slide">
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_1.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_2.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_3.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_4.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_5.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_6.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_7.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_8.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_9.jpg" alt="">
          </div>
        </div>
        <div class="bhousev2_sec07_slide_item">
          <div class="bhousev2_sec07_slide_item_img">
            <img class="img-fluid" src="/img/bhousev2_img/materia_wall/slide_10.jpg" alt="">
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="bhousev2_sec08_fluid">
    <div class="bhousev2_sec08">
      <div class="bhousev2_title_mobile">
        <h2 class="bhousev2_title text-center">不只設計，更陪伴你成家路上的大小事</h2>
      </div>
      <div class="row px-0 mx-0 justify-content-between bhousev2_sec08_icon">
        <div class="col-4 col-md-auto">
          <div class="text-center">
            <div class="room-planner-process-icon">
              <img class="bhousev2_sec08_icon1" src="/img/bhousev2_img/Group.png" alt="">
            </div>
            <p class="bhousev2_sec08_icon-text">預售屋客變</p>
          </div>
        </div>
        <div class="col-4 col-md-auto">
          <div class="text-center">
            <div class="room-planner-process-icon">
              <img class="bhousev2_sec08_icon2" src="/img/bhousev2_img/Group-1.png" alt="">
            </div>
            <p class="bhousev2_sec08_icon-text">家具選配</p>
          </div>
        </div>
        <div class="col-4 col-md-auto">
          <div class="text-center">
            <div class="room-planner-process-icon">
              <img class="bhousev2_sec08_icon3" src="/img/bhousev2_img/Group-2.png" alt="">
            </div>
            <p class="bhousev2_sec08_icon-text">家電詢價</p>
          </div>
        </div>
        <div class="col-6 col-md-auto mt-3 mt-md-0 pl-m-64">
          <div class="text-center">
            <div class="room-planner-process-icon">
              <img class="bhousev2_sec08_icon4" src="/img/bhousev2_img/Group-3.png" alt="">
            </div>
            <p class="bhousev2_sec08_icon-text">裝修貸款</p>
          </div>
        </div>
        <div class="col-6 col-md-auto mt-3 mt-md-0 pe-m-64">
          <div class="text-center">
            <div class="room-planner-process-icon">
              <img class="bhousev2_sec08_icon5" src="/img/bhousev2_img/Group-4.png" alt="">
            </div>
            <p class="bhousev2_sec08_icon-text">搬家計畫</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="bhousev2_sec09_fluid">
    <div class="bhousev2_sec09">
      <h2 class="bhousev2_title text-center destop_title">成家設計師｜把你家當自己家</h2>
      <h2 class="bhousev2_title text-center mobile_title">成家設計師<br>把你家當自己家</h2>
      <img class="img-fluid tainan-store" src="/img/bhousev2_img/designerWall.webp" alt="">
    </div>
  </section>

  <section class="bhousev2_sec10_fluid">
    <div class="bhousev2_sec10">
      <div class="card text-white border-0">
        <img src="/img/bhousev2_img/worker-drawing.webp" class="img-fluid bhousev2_sec010_img" alt="">
        <div class="card-img-overlay d-flex align-items-center justify-content-center">
          <div>
            <h5 class="card-title bhousev2_sec_img_title destop_title">從聊聊開始，讓小寶陪你成家！</h5>
            <h2 class="bhousev2_sec_img_title text-center mobile_title">從聊聊開始<br>讓小寶陪你成家！</h2>
            <div class="text-center">
              <div class="cta_line"><a target="_blank" href="https://maac.io/1Pife">加入LINE@</a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <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">
              關於小寶優居
            </h5>
            <ul>
              <li>
                <a href="/about_bhouse/">我們的理念</a>
              </li>
              <li>
                <a href="/news/">最新消息公告</a>
              </li>
              <li>
                <a href="mailto:christine.tang@bhouse.com.tw,jade.wang@bhouse.com.tw">媒體聯繫</a>
              </li>
              <li>
                <a target="_blank" href="https://www.104.com.tw/company/1a2x6bk01k">人才招募</a>
              </li>
            </ul>

            <h5 class="title">
              社群平台
            </h5>
            <ul>
              <li>
                <a href="https://www.facebook.com/bhouse.tw/" target="_blank">Facebook</a>
              </li>
              <li>
                <a href="https://www.youtube.com/channel/UCOYvhrSCu6DRbLWNoy6lDTg/videos?view=0"
                  target="_blank">Youtube</a>
              </li>
              <li>
                <a href="https://www.instagram.com/b.house.tw/" target="_blank">Instagram</a>
              </li>
            </ul>
          </div>
        </div>

        <div class="col">
          <div class="d-flex flex-column">
            <h5 class="title">
              成家設計服務
            </h5>
            <ul>
              <li>
                <a href="/room_planner/">成家設計服務流程</a>
              </li>
              <li>
                <a href="/frequently_asked_questions/">服務常見QA</a>
              </li>
            </ul>

            <h5 class="title">
              小寶優居門市
            </h5>
            <ul>
              <li>
                <a href="/store/" onclick="setValue('scope')">服務範圍</a>
              </li>
              <li>
                <a href="/store/" onclick="setValue('NewTaipei')">新北門市</a>
              </li>
              <li>
                <a href="/store/" onclick="">桃園門市</a>
              </li>
              <li>
                <a href="/store/" onclick="setValue('Taichung')">台中門市</a>
              </li>
              <li>
                <a href="/store/" onclick="setValue('Tainan')">台南門市</a>
              </li>
            </ul>
          </div>
        </div>

        <div class="col">
          <div class="d-flex flex-column">
            <h5 class="title">
              室內設計作品
            </h5>
            <ul>
              <li>
                <a href="/collection/" onclick="setCollectionValue('透天')">透天設計</a>
              </li>
              <li>
                <a href="/collection/" onclick="setCollectionValue('大樓')">大樓設計</a>
              </li>
            </ul>

            <h5 class="title">
              小寶設計單品
            </h5>
            <ul>
              <li>
                <a href="/furniture_design/sofa/">所有設計單品</a>
              </li>
              <li>
                <a href="/system_furniture/">關於系統櫃</a>
              </li>
              <li>
                <a href="/solid_wood_furniture/">關於家具</a>
              </li>
              <li>
                <a href="/about_mattress/">關於床墊</a>
              </li>
            </ul>
          </div>
        </div>

        <div class="col">
          <h5 class="title">
            成家知識專欄
          </h5>
          <ul class="pills-blog">
            <li>
              <a href="/blog/pre-sale-house-design-change/">預售屋客變</a>
            </li>
            <li>
              <a href="/blog/house-acceptance-check/">驗屋交屋</a>
            </li>
            <li>
              <a href="/blog/budget-planning/">預算準備</a>
            </li>
            <li>
              <a href="/blog/about-interior-decoration/">認識裝修裝潢</a>
            </li>
            <li>
              <a href="/blog/floor-planning/">空間計畫</a>
            </li>
            <li>
              <a href="/blog/decoration-style/">居家風格</a>
            </li>
            <li>
              <a href="/blog/furnitures-appliances/">家具家電</a>
            </li>
            <li>
              <a href="/blog/design-acceptanc-and-move-in/">驗收入住</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="d-block d-md-none mobile-list">

        <nav
          style="--bs-breadcrumb-divider: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&quot;);"
          aria-label="breadcrumb">
          <ol class="breadcrumb m-0 d-none">
            <li class="breadcrumb-item">
              <a href="/" class="d-block" style="margin-top: -2px;">
                <!-- <img src="./img/bt_footer_index@2x.png" width="30px" alt="" class="m-auto"> -->
              </a>
            </li>
            <li class="breadcrumb-item" id="breadcrumb_main"><a href="/room_planner/">成家設計服務</a></li>

          </ol>
        </nav>

        <div class="d-flex align-items-start mobile-tab-list">
          <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
            <button class="nav-link" id="v-pills-roomPlanner-tab" data-bs-toggle="pill"
              data-bs-target="#v-pills-roomPlanner" type="button" role="tab" aria-controls="v-pills-roomPlanner"
              aria-selected="true">成家設計服務<span>＞</span></button>
            <button class="nav-link" id="v-pills-blog-tab" data-bs-toggle="pill" data-bs-target="#v-pills-blog"
              type="button" role="tab" aria-controls="v-pills-blog" aria-selected="false">成家知識專欄<span>＞</span></button>
            <button class="nav-link" id="v-pills-collection-tab" data-bs-toggle="pill"
              data-bs-target="#v-pills-collection" type="button" role="tab" aria-controls="v-pills-collection"
              aria-selected="false">室內設計作品<span>＞</span></button>
            <button class="nav-link" id="v-pills-store-tab" data-bs-toggle="pill" data-bs-target="#v-pills-store"
              type="button" role="tab" aria-controls="v-pills-store" aria-selected="false">小寶優居門市<span>＞</span></button>
            <button class="nav-link" id="v-pills-design-tab" data-bs-toggle="pill" data-bs-target="#v-pills-design"
              type="button" role="tab" aria-controls="v-pills-design"
              aria-selected="false">小寶設計單品<span>＞</span></button>
            <button class="nav-link" id="v-pills-about-tab" data-bs-toggle="pill" data-bs-target="#v-pills-about"
              type="button" role="tab" aria-controls="v-pills-about" aria-selected="false">關於小寶優居<span>＞</span></button>
            <button class="nav-link" id="v-pills-social-tab" data-bs-toggle="pill" data-bs-target="#v-pills-social"
              type="button" role="tab" aria-controls="v-pills-social" aria-selected="false">社群平台<span>＞</span></button>
          </div>
          <div class="tab-content" id="v-pills-tabContent">
            <div class="tab-pane fade" id="v-pills-roomPlanner" role="tabpanel"
              aria-labelledby="v-pills-roomPlanner-tab">
              <ul>
                <li>
                  <a href="/room_planner/">成家設計服務流程</a>
                </li>
                <li>
                  <a href="/frequently_asked_questions/">服務常見QA</a>
                </li>
              </ul>
            </div>
            <div class="tab-pane fade pills-blog" id="v-pills-blog" role="tabpanel" aria-labelledby="v-pills-blog-tab">
              <ul>
                <li>
                  <a href="/blog/pre-sale-house-design-change/">預售屋客變</a>
                </li>
                <li>
                  <a href="/blog/house-acceptance-check/">驗屋交屋</a>
                </li>
                <li>
                  <a href="/blog/budget-planning/">預算準備</a>
                </li>
                <li>
                  <a href="/blog/about-interior-decoration/">認識裝修裝潢</a>
                </li>
                <li>
                  <a href="/blog/floor-planning/">空間計畫</a>
                </li>
                <li>
                  <a href="/blog/decoration-style/">居家風格</a>
                </li>
                <li>
                  <a href="/blog/furnitures-appliances/">家具家電</a>
                </li>
                <li>
                  <a href="/blog/design-acceptanc-and-move-in/">驗收入住</a>
                </li>
              </ul>
            </div>
            <div class="tab-pane fade" id="v-pills-collection" role="tabpanel" aria-labelledby="v-pills-collection-tab">
              <ul>
                <li>
                  <a href="/collection/" onclick="setCollectionValue('透天')">透天設計</a>
                </li>
                <li>
                  <a href="/collection/" onclick="setCollectionValue('大樓')">大樓設計</a>
                </li>
              </ul>
            </div>
            <div class="tab-pane fade" id="v-pills-store" role="tabpanel" aria-labelledby="v-pills-store-tab">
              <ul>
                <li>
                  <a href="/store/" onclick="setValue('scope')">服務範圍</a>
                </li>
                <li>
                  <a href="/store/" onclick="setValue('NewTaipei')">新北門市</a>
                </li>

                <li>
                  <a href="/store/" onclick="setValue('Taichung')">台中門市</a>
                </li>
                <li>
                  <a href="/store/" onclick="setValue('Tainan')">台南門市</a>
                </li>
              </ul>
            </div>
            <div class="tab-pane fade" id="v-pills-design" role="tabpanel" aria-labelledby="v-pills-design-tab">
              <ul>
                <li>
                  <a href="/furniture_design/sofa/">所有設計單品</a>
                </li>
                <li>
                  <a href="/system_furniture/">關於系統櫃</a>
                </li>
                <li>
                  <a href="/solid_wood_furniture/">關於家具</a>
                </li>
                <li>
                  <a href="/about_mattress/">關於床墊</a>
                </li>
              </ul>
            </div>
            <div class="tab-pane fade" id="v-pills-about" role="tabpanel" aria-labelledby="v-pills-about-tab">
              <ul>
                <li>
                  <a href="/about_bhouse/">我們的理念</a>
                </li>
                <li>
                  <a href="/news/">最新消息公告</a>
                </li>
                <li>
                  <a href="mailto:christine.tang@bhouse.com.tw,jade.wang@bhouse.com.tw">媒體聯繫</a>
                </li>
                <li>
                  <a target="_blank" href="https://www.104.com.tw/company/1a2x6bk01k">人才招募</a>
                </li>
              </ul>
            </div>
            <div class="tab-pane fade" id="v-pills-social" role="tabpanel" aria-labelledby="v-pills-social-tab">
              <ul>
                <li>
                  <a href="https://www.facebook.com/bhouse.tw/" target="_blank">Facebook</a>
                </li>
                <li>
                  <a href="https://www.youtube.com/channel/UCOYvhrSCu6DRbLWNoy6lDTg/videos?view=0"
                    target="_blank">Youtube</a>
                </li>
                <li>
                  <a href="https://www.instagram.com/b.house.tw/" target="_blank">Instagram</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="copyright">
        <p class="m-0 text-center copyright_text">Copyright by 小寶優居</p>
      </div>
    </div>
  </footer>


  {{ partial "scripts.html" . }}

  <!-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
  <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 src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script> -->
  <!-- <script type="module" src="/js/module.js"></script> -->
  <!-- <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> -->
  <script async defer src="/js/bhousev2.js"></script>
</body>

</html>