choozmo
/
New-Bhouse-Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394
							<!DOCTYPE html>
<html lang="en">

<head>
  <!-- <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->

  <!-- slick -->
  <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> -->

  <!-- bootstrap -->
  <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">

  <link rel="stylesheet" href="/css/style.css">
  <title>小寶優居-首購族首選 安心成家 室內設計品牌</title> -->
  {{ partial "headers.html" . }}
</head>

<body style="overflow-x: hidden;">

  <!-- <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/banner/bn_qa@2x.png" class="banner-img card-img" alt="...">
    <!-- <div class="qa-banner"></div> -->
      <div class="d-flex justify-content-end bt_container">
        <div class="bt_slogan text-center">
          <img src="/img/chevron-double-down.svg" alt="">
        </div>
      </div>
      <img class="bt_slogan_portfolio" src="/img/banner/bt_slogan_qa_h@2x.png" alt="">
    </div>
  </section>

  <div class="reserve">
    <a href="">
      <img src="/img/home/線上預約icon.png" alt="">
    </a>
  </div>

  <div class="accordion accordion-flush" id="accordionPanelsStayOpenExample">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">

          <div class="accordion-item">
            <h2 class="accordion-header" id="panelsStayOpen-1">
              <button class="accordion-button collapsed botder-item" type="button" data-bs-toggle="collapse"
                data-bs-target="#question-1" aria-expanded="false" aria-controls="question-1">
                <!-- <span>
                  <img src="/img/icon_qa@2x.png" alt="">
                </span> -->
                <div class="d-flex">
                  <p class="pe-2 title">Q1</p>
                  <p class="m-0 ps-2">問題NotoJPMedium14級字置左上限50字元</p>
                </div>
              </button>
            </h2>
            <div id="question-1" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-1">
              <div class="accordion-body mobile-body">
                A1 答案NotoJPBlack14級字置左行距28pt上限50字元 <br>
                答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案 <br>
                答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案 <br>
                答案答案答案答案答案答案答案答案答案答案答案答案答案答案答案
              </div>
            </div>
          </div>
        </div>

        <div class="col-md-6 col-12">
          <div class="accordion-item">
            <h2 class="accordion-header" id="panelsStayOpen-2">
              <button class="accordion-button collapsed botder-item" type="button" data-bs-toggle="collapse"
                data-bs-target="#question-2" aria-expanded="false" aria-controls="question-2">
                <!-- <span>
                  <img src="/img/icon_qa@2x.png" alt="">
                </span> -->
                <div class="d-flex">
                  <p class="pe-2 title">Q2</p>
                  <p class="m-0 ps-2">問題NotoJPMedium14級字置左上限20字元跨行</p>
                </div>
              </button>
            </h2>
            <div id="question-2" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-2">
              <div class="accordion-body mobile-body">
                A2 答案NotoJPBlack14級字置左 <br>
                行距28pt上限20字元跨行 <br>
                答案答案答案答案答案答案答案 <br>
                答案答案答案答案答案答案答案
              </div>
            </div>
          </div>
        </div>

        <div class="col-md-6 col-12">
          <div class="accordion-item">
            <h2 class="accordion-header" id="panelsStayOpen-3">
              <button class="accordion-button collapsed botder-item" type="button" data-bs-toggle="collapse"
                data-bs-target="#question-3" aria-expanded="false" aria-controls="question-3">
                <!-- <span>
                  <img src="/img/icon_qa@2x.png" alt="">
                </span> -->
                <div class="d-flex">
                  <p class="pe-2 title">Q3</p>
                  <p class="m-0 ps-2">問題NotoJPMedium14級字置左上限20字元跨行</p>
                </div>
              </button>
            </h2>
            <div id="question-3" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-3">
              <div class="accordion-body mobile-body">
                A3 答案NotoJPBlack14級字置左 <br>
                行距28pt上限20字元跨行 <br>
                答案答案答案答案答案答案答案 <br>
                答案答案答案答案答案答案答案
              </div>
            </div>
          </div>
        </div>

        <div class="col-md-6 col-12">
          <div class="accordion-item">
            <h2 class="accordion-header" id="panelsStayOpen-4">
              <button class="accordion-button collapsed botder-item" type="button" data-bs-toggle="collapse"
                data-bs-target="#question-4" aria-expanded="false" aria-controls="question-4">
                <div class="d-flex">
                  <p class="pe-2 title">Q4</p>
                  <p class="m-0 ps-2">問題NotoJPMedium14級字置左上限20字元跨行</p>
                </div>
              </button>
            </h2>
            <div id="question-4" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-4">
              <div class="accordion-body mobile-body">
                A4 答案NotoJPBlack14級字置左 <br>
                行距28pt上限20字元跨行 <br>
                答案答案答案答案答案答案答案 <br>
                答案答案答案答案答案答案答案
              </div>
            </div>
          </div>
        </div>

        <div class="col-md-6 col-12">
          <div class="accordion-item">
            <h2 class="accordion-header" id="panelsStayOpen-5">
              <button class="accordion-button collapsed botder-item" type="button" data-bs-toggle="collapse"
                data-bs-target="#question-5" aria-expanded="false" aria-controls="question-5">
                <div class="d-flex">
                  <p class="pe-2 my-auto title">Q5</p>
                  <p class="m-0 ps-2">問題NotoJPMedium14級字置左上限20字元跨行</p>
                </div>
              </button>
            </h2>
            <div id="question-5" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-5">
              <div class="accordion-body mobile-body">
                A5 答案NotoJPBlack14級字置左 <br>
                行距28pt上限20字元跨行 <br>
                答案答案答案答案答案答案答案 <br>
                答案答案答案答案答案答案答案
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-6">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-6" aria-expanded="false" aria-controls="question-6">
            <p class="pe-2 title m-0">Q6</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-6" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-6">
          <div class="accordion-body">
            A6 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-7">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-7" aria-expanded="false" aria-controls="question-7">
            <p class="pe-2 title m-0">Q7</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-7" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-7">
          <div class="accordion-body">
            A7 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-8">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-8" aria-expanded="false" aria-controls="question-8">
            <p class="pe-2 title m-0">Q8</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-8" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-8">
          <div class="accordion-body">
            A8 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-9">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-9" aria-expanded="false" aria-controls="question-9">
            <p class="pe-2 title m-0">Q9</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-9" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-9">
          <div class="accordion-body">
            A9 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-10">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-10" aria-expanded="false" aria-controls="question-10">
            <p class="pe-2 title m-0">Q10</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-10" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-10">
          <div class="accordion-body">
            A10 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-11">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-11" aria-expanded="false" aria-controls="question-11">
            <p class="pe-2 title m-0">Q11</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-11" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-11">
          <div class="accordion-body">
            A11 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-12">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-12" aria-expanded="false" aria-controls="question-12">
            <p class="pe-2 title m-0">Q12</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-12" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-12">
          <div class="accordion-body">
            A12 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-13">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-13" aria-expanded="false" aria-controls="question-13">
            <p class="pe-2 title m-0">Q13</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-13" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-13">
          <div class="accordion-body">
            A13 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-14">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-14" aria-expanded="false" aria-controls="question-14">
            <p class="pe-2 title m-0">Q14</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-14" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-14">
          <div class="accordion-body">
            A14 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-15">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-15" aria-expanded="false" aria-controls="question-15">
            <p class="pe-2 title m-0">Q15</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-15" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-15">
          <div class="accordion-body">
            A15 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <h2 class="accordion-header" id="panelsStayOpen-16">
          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
            data-bs-target="#question-16" aria-expanded="false" aria-controls="question-16">
            <p class="pe-2 title m-0">Q16</p> 問題NotoJPMedium14級字置左上限50字元
          </button>
        </h2>
        <div id="question-16" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-16">
          <div class="accordion-body">
            A16 答案NotoJPBlack14級字置左 <br>
            行距28pt上限20字元跨行 <br>
            答案答案答案答案答案答案答案 <br>
            答案答案答案答案答案答案答案
          </div>
        </div>
      </div>

      <div class="accordion-item">
        <!-- 顯示線條用 -->
      </div>
    </div>
    <p class="subtitle">還有問題嗎？直接預約規劃師幫你解惑！</p>
  </div>

  <div class="container-fluid qa-navs">
    <div class="row g-3 home-content">
      <div class="col-6 m-0 bg-portfolio">
        <a href="/collection/">
          <div class="bg-img"></div>
        </a>
      </div>
      <div class="col-6 m-0 bg-serve">
        <a href="/room_planner/">
          <div class="bg-img"></div>
        </a>
      </div>
    </div>
  </div>

  <!-- <div class="footer-template"></div> -->
  {{ partial "footer.html" . }}

  <!-- jquery -->
  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js"></script> -->

  <!-- bootstrap -->
  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
    crossorigin="anonymous"></script>

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

</html>