<div class=“nav nav-pills mb-3” id=“pills-tab” role=“tablist”>

{% for category in site.categories %}

  <a class="nav-link {% if forloop.first %}active{% endif %}" id="pills-{{ category[0] }}-tab" data-toggle="pill" href="#pills-{{ category[0] }}" role="tab">{{ category[0] | replace: "-", " " | capitalize }}</a>

{% endfor %}

</div>