New-Bhouse-Web/themes/hugo-universal-theme-master/layouts/partials/features.html

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

  <div class="row g-3 home-content collection-content" style="padding: 0 8px;">
    {{ with .Site.GetPage "/collection" }}
    {{ range first 3 .Pages }}
    <div class="col-12 p-0 bottom-box">
      <a style="text-decoration: none;" href="{{ .Params.url }}">
        <img src="{{ .Params.cover_img }}" style="max-width: 100%;">
        <div>
          <p>{{ .Params.banner_img_text }}</p>
          <p>{{ .Params.homeowner }}｜{{ .Params.room_count }}｜{{ .Params.house_size }}</p>
        </div>
      </a>
    </div>
    {{ end }}
    {{ end }}
    <!-- <div class="col-12 p-0 bottom-box">
        <a style="text-decoration: none;" href="/collection/deep_sea_wandering">
          <img src="/img/home/collection4.webp" style="max-width: 100%;">
          <div>
            <p>「原來家真的可以又新潮又溫暖，真的太喜歡這個家了。」</p>
            <p>桃園大海夫婦｜三房兩廳｜20坪</p>
          </div>
        </a>
      </div>
      <div class="col-12 p-0 bottom-box">
        <a style="text-decoration: none;" href="/collection/simple_korean_style_house">
          <img src="/img/home/collection5.webp" style="max-width: 100%;">
          <div>
            <p>「當完工開門的那瞬間，我就知道，這就是我要的家，我們一家四口的夢想家。」</p>
            <p>苗栗兔兔家｜三房兩廳｜44.2坪</p>
          </div>
        </a>
      </div>
      <div class="col-12 p-0 bottom-box">
        <a style="text-decoration: none;" href="/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung">
          <img src="/img/home/collection6.webp" style="max-width: 100%;">
          <div>
            <p>「彼此大相逕庭的風格喜好，竟然完美的在這個家融合在一起了。」</p>
            <p>台中蔡小姐｜三房兩廳｜30坪</p>
          </div>
        </a>
      </div> -->
  </div>
</div>

<div class="reserve d-flex flex-column">
  <a href="https://maac.io/1Pife" target="_blank">
    <img src="/img/home/reserve.png" alt="">
  </a>
  <a href="/store/">
    <img src="/img/home/store-reserve.png" alt="">
  </a>
</div>