<div id="amet-mediocrem-tertiary" class="nav-pf-tertiary-nav">
  <div class="nav-item-pf-header">
    <a href="#0" class="tertiary-collapse-toggle-pf" data-toggle="collapse-tertiary-nav"></a>
    <span>Mediocrem</span>
  </div>
  <ul class="list-group">
    <li class="list-group-item">
      <a href="#0">
        <span class="list-group-item-value">Convenire</span>
        {% if page.nav-badges %}
        <div class="badge-container-pf">
          <span class="badge">10</span>
        </div>
        {% endif %}
      </a>
    </li>
    <li class="list-group-item">
      <a href="#0">
        <span class="list-group-item-value">Nonumy</span>
        {% if page.nav-badges %}
        <div class="badge-container-pf">
          <span class="badge">3</span>
        </div>
        {% endif %}
      </a>
    </li>
    <li class="list-group-item">
      <a href="#0">
        <span class="list-group-item-value">Deserunt</span>
        {% if page.nav-badges %}
        <div class="badge-container-pf">
          <span class="badge">5</span>
        </div>
        {% endif %}
      </a>
    </li>
  </ul>
</div>
