<!– Title –> {% if site.categories.size!=0 %}
<hr> <p class=“font-weight-bold dark-grey-text text-center spacing”>
<strong>Categories</strong>
</p> <hr>
<!– Archive –> <section class=“archive mb-5”>
<!-- Grid row --> <div class="row"> <!-- Grid column --> <div class="col-md-12 text-center"> <!-- List --> <ul class="list-unstyled "> {% for category in site. categories %} {% capture category_name %}{{ category | first }}{% endcapture %} <li {% if page.category == category_name %} class="active" {% endif %}> <h6 class="font-weight-normal"> <a href="/blog/categories/{{ category_name }}" class="dark-grey-text">{{ category_name }} ( {{ site.categories[category_name].size }} )</a> </h6> </li> {% endfor %} </ul> <!-- List --> </div> <!-- Grid column --> </div> <!-- Grid row -->
</section> <!– Archive –> {% endif %}