{{ define "main" }}

<div id="home">

  <div class="row">
    <div class="col-md-12">
      <div class="card mt-3">
        <div class="card-body bg-light">
          <h2 class="card-text"> {{ .Title }}</h2>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    {{ range .Data.Terms.ByCount }}
    <div class="col-md-4 mt-3">
      <div class="card">
        <a href="{{ .Page.Permalink }}" 
           class="list-group-item d-flex justify-content-between align-items-center text-decoration-none">
          {{ .Page.Title }}
          <span class="badge badge-light badge-pill">{{ .Count }}</span>
        </a>
      </div>
    </div>
    {{ end }}
  </div>

</div>

{{ end }}