designer_hhh_com/themes/hugo-bootstrap-5/layouts/partials/news-featured.html

<div class="news-featured">
  <h3 class="post-block-title">
    <span>為您精選</span>
  </h3>
    {{ range first 5 (where .Site.Pages "Params.type" "featured") }}
    <a href="{{ .Permalink }}">
      <img class="img-fluid" src="{{ .Params.image | relURL }}" alt="" />
    </a>

    <section class="news-info">
      {{ range (.GetTerms "categories") }}
      <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
      {{ end }}
      <small>{{ .Date | time.Format ":date_long" }}</small>
    </section>
    <h2 class="post-title mb-3">
      <a href="{{ .Params.url }}">{{ .Params.title }}</a>
    </h2>
    <!-- <div class="col-12 col-sm-6 col-md-4 col-xl-3">
      <div class="card h-100">
        <div class="card-header">
          <a href="{{ .RelPermalink }}">
            <h2 class="card-title text-center mb-0">
              {{ .Title }}
            </h2>
          </a>
        </div>
        <a href="{{ .RelPermalink }}" class="h-100">
          <div class="card-body h-100 d-flex flex-column justify-content-center">
            <section class="d-flex">
              <h4>電話：</h4>
              <h4>{{ .Params.phone }}</h4>
            </section>
            <section class="d-flex">
              <h4 class="m-0">地址：</h4>
              <h4 class="m-0">{{ .Params.address }}</h4>
            </section>
            {{ range .Params.tags }}
              <span class="badge bg-secondary">{{.}}</span>
              {{ end }}
          </div>
        </a>
      </div>
    </div> -->
    {{ end }}
  </div>