hugo-toha/layouts/partials/cards/post.html

<div class="post-card">
  <a href="{{ .RelPermalink | relLangURL }}" class="post-card-link">
    <div class="card">
      <div class="card-head">
        <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}' alt="Hero Image">
      </div>
      <div class="card-body">
        <h5 class="card-title">{{ .Title }}</h5>
        <p class="card-text post-summary">{{ .Summary }}</p>
        {{ if and site.Params.features.tags.enable site.Params.features.tags.on_card }}
          {{ partial "misc/tags.html" .Params.tags }}
        {{ end }}
      </div>
      <div class="card-footer">
        <span class="float-left">{{ .Date.Format "January 2, 2006" }}{{ if site.Params.features.readingTime }} | {{ .ReadingTime }} minute{{ if (ne .ReadingTime 1) }}s{{ end }}{{ end }}</span>
        <a
        href="{{ .RelPermalink | relLangURL }}"
        class="float-right btn btn-outline-info btn-sm"
        >{{ i18n "read" }}</a
        >
      </div>
    </div>
  </a>
</div>