{{ define "main" }}
<div class="container-fluid blog_article p-0">
    <section class="bhouseweb_loc_banner">
      <img src="/img/banner/bn_blog@2x.png" class="banner-img card-img" alt="...">
    </section>
    <div class="content">
      
        <h3>{{ .Title }}</h3>
        <div class="d-flex justify-content-between align-items-center">
          <span>{{ .PublishDate.Format "2006-01-02" }}</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>
        <span class="line"></span>
        <p>{{ .Params.introduction | safeHTML }}</p>
      <br>
      <div class="question-box">
        <p>
          {{ .Params.question_box_intro }}
        </p>
        {{ .TableOfContents }}
        <!-- <ul>
          <li>小寶優居的客變懶人包將幫你解決以下客變問題：</li>
          <li>1. <a href="">客變是什麼？為什麼要客變？</a></li>
          <li>2. <a href="">客變可更變的內容有哪些？</a></li>
          <li>3. <a href="">客變到底是省錢還是花錢？客變怎麼省錢？會產生哪些費用？</a></li>
          <li>4. <a href="">常見的客變需求與建議？我想這樣客變好不好？</a></li>
          <li>5. <a href="">設計師協助客變的流程？</a></li>
        </ul> -->
      </div>
     
      <div class="blog-content">
        {{ .Content }}
      </div>
      
      <a class="nav-link" href="/blog">
        <p class="readMore text-center">
          <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到成家知識庫
        </p>
      </a>


      <ul class="read-more-list">
        <li>你可能會喜歡的，延伸閱讀點擊標題，看更多設計專欄！</li>
        <li><a href="">【居家風格】 60萬以下 ↓ 超有氛圍的成家夢想</a></li>
        <li><a href="">【認識裝潢裝修】 模組系統櫃板材等級挑選5攻略</a></li>
        <li><a href="">【認識裝潢裝修】 11-20坪 小坪數裝潢裝修，規劃師教你小宅打造大空間</a></li>
        <li><a href="">【認識裝潢裝修】 什麼是輕裝修？輕裝修的定義是什麼？輕裝修包含什麼呢？</a></li>
        <li><a href="">【規劃師服務】 什麼是規劃師？連室內設計師都推薦的「規劃師服務」</a></li>
      </ul>
    </div>
  </div>
</div>
{{ end }}