<div class="card border-primary rounded-0 hover-shadow mb-5">
  <img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
  <div class="card-body">
    <ul class="list-inline">
      <li class="list-inline-item"><p><i class="fa-solid fa-calendar-day"></i> {{ .Params.Weekly }}</p></li>
      <br>
      <li class="list-inline-item"><p><i class="fa-solid fa-user-group"></i> {{ .Params.Class }}</p></li>
    </ul>
    <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title | truncate 20 }}</a></h4>
    <a href="{{ .Permalink }}" class="btn btn-primary btn-sm">{{ i18n "show_more"}}</a>
  </div>
</div>
