{% extends "base.html" %}

{% block content %}
<div class="col-lg-10 mx-auto mt-5">
  <h1>Tags</h1>
  <div class="card-group mt-2">
    {% for term in terms %}
      <div class="col-lg-4 my-3">
        <a href="{{ term.permalink }}" class="card border border-primary">
          <div class="card-body text-dark">
            <h5 class="card-title">{{ term.name }}</h5>
            <p class="card-text">{{ term.pages | length }} posts</p>
          </div>
        </a>
      </div>
    {% endfor %}
  </div>
</div>
{% endblock %}