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

<div class="col-lg-4 col-md-6 pt-2">
  <div class="card">
    <div class="card-head">
      <img class="card-img-top" src="{{ .Params.hero }}"
        alt="Card image cap"
      />
    </div>
    <div class="card-body">
      <h5 class="card-title">{{ .Title }}</h5>
      <p class="card-text post-summery"> {{ .Summary }}</p>
    </div>
    <div class="card-footer">
      <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
      <a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Details</a>
    </div>
  </div>
</div>