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

<!-- {{ if isset .Site.Params "features" }}
{{ if .Site.Params.features.enable }}
{{ if gt (len .Site.Data.features) 0 }}
<section class="bar background-white">
    <div class="container">
        {{ $elements := default 3 .Site.Params.features.cols }}
        {{ $features := sort .Site.Data.features "weight" }}

        {{ $total_rows := div (len $features) $elements }}

        {{ if gt (mod (len $features) $elements) 0 }}
          {{ $total_rows = add $total_rows 1 }}
        {{ end }}

        {{ range $i, $sequence := seq $total_rows }}
          <div class="row row-{{ $i }} row-{{ if eq (mod $i 2) 0 }}odd{{ else }}even{{ end }}">
            {{ range $j, $sequence2 := (seq $elements) }}

                {{ $feature_index := add (mul $i $elements) $j }}
                {{ if lt $feature_index (len $features) }}
                    {{ $element := index $features $feature_index }}

                    <div class="col-md-{{ div 12 $elements }} col-{{ $j }} col-{{ if eq (mod $j 2) 0 }}odd{{ else }}even{{ end }}">
                        <div class="box-simple">
                            {{ with $element.url }}
                            <a href="{{ $element.url }}">
                            {{ end }}
                                <div class="icon">
                                    <i class="{{ $element.icon }}"></i>
                                </div>
                            {{ with $element.url }}
                            </a>
                            {{ end }}
                            <h3>{{ $element.name | markdownify }}</h3>
                            <p>{{ $element.description | markdownify }}</p>
                        </div>
                    </div>
                {{ end }}
            {{ end }}
          </div>
        {{ end }}
    </div>
</section>
{{ end }}
{{ end }}
{{ end }} -->

<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" style="padding: 0 8px;">
      <div class="col-12 p-0 bottom-box">
        <a href="">
          <img src="/img/collection/e2d47efb4ccbc07e386d54a6da3a62e6.webp" style="max-width: 100%;">
          <div>
            <p>標題｜副標NotoJPBold20級字置右</p>
            <p>屋主名｜房型｜坪數ＮotoJPBold16級字置右</p>
          </div>
        </a>
      </div>
      <div class="col-12 p-0 bottom-box">
        <a href="">
          <img src="/img/collection/e2d47efb4ccbc07e386d54a6da3a62e6.webp" style="max-width: 100%;">
          <div>
            <p>標題｜副標NotoJPBold20級字置右</p>
            <p>屋主名｜房型｜坪數ＮotoJPBold16級字置右</p>
          </div>
        </a>
      </div>
      <div class="col-12 p-0 bottom-box">
        <a href="">
          <img src="/img/collection/e2d47efb4ccbc07e386d54a6da3a62e6.webp" style="max-width: 100%;">
          <div>
            <p>標題｜副標NotoJPBold20級字置右</p>
            <p>屋主名｜房型｜坪數ＮotoJPBold16級字置右</p>
          </div>
        </a>
      </div>
    </div>
  </div>

  <div class="reserve">
    <a href="">
      <img src="img/bt_reserve@2x.png" alt="">
    </a>
  </div>