<nav class="navbar">

    <ul class="navbar-list">
      
      {% for subpage in site.subpages %}
      <li class="navbar-item">
        <!-- <button class="navbar-link{% if page.permalink == subpage.url %} active{% endif %}" data-nav-link>{{ subpage.title }}</button> -->
        <a class="navbar-link{% if page.permalink == subpage.url %} active{% endif %}" href="{{ subpage.url }}">{{ subpage.title }}</a>
      </li>
      {% endfor %}

    </ul>

  </nav>
