<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="ti-calendar"></i> {{ .Params.Duration }}</p></li-->
      <li class="list-inline-item"><p><i class="ti-bookmark-alt"></i> {{ .Params.Category }}</p></li>
      <!--li class="list-inline-item"><p><i class="ti-user"></i> {{ .Params.Class }}</p></li>
    </ul-->
    <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
    <!--p class="card-text mb-4">{{ .Summary | truncate 100 }}</p-->
    <a href="{{ .Permalink }}" class="btn btn-primary btn-sm text-uppercase">{{ i18n "read_more"}}</a>
  </div>
</div>