<div id="amet-secondary" class="nav-pf-secondary-nav">
  <div class="nav-item-pf-header">
    <a href="#0" class="secondary-collapse-toggle-pf" data-toggle="collapse-secondary-nav"></a>
    <span>Amet</span>
  </div>
  <ul class="list-group">
    <li class="list-group-item {% if page.nav-tertiary %}tertiary-nav-item-pf{% endif %}" data-target="#amet-detracto-tertiary">
      <a href="#0">
        <span class="list-group-item-value">Detracto Suscipiantur</span>
        {% if page.nav-tertiary %}{% else %}
        {% if page.nav-badges %}
        <div class="badge-container-pf">
          <div class="badge">
            <span class="pficon pficon-error-circle-o"></span>
            <span>3</span>
          </div>
          <div class="badge">
            <span class="pficon pficon-warning-triangle-o"></span>
            <span>1</span>
          </div>
        </div>
        {% endif %}
        {% endif %}
      </a>
      {% if page.nav-tertiary %}
      {% include widgets/navigation/tertiary-amet-detracto.html %}
      {% endif %}
    </li>
    <li class="list-group-item {% if page.nav-tertiary %}tertiary-nav-item-pf{% endif %}" data-target="#amet-mediocrem-tertiary">
      <a href="#0">
        <span class="list-group-item-value">Mediocrem</span>
        {% if page.nav-tertiary %}{% else %}
        {% if page.nav-badges %}
        <div class="badge-container-pf">
          <div class="badge">
            <span class="pficon pficon-warning-triangle-o"></span>
            <span>2</span>
          </div>
        </div>
        {% endif %}
        {% endif %}
      </a>
      {% if page.nav-tertiary %}
      {% include widgets/navigation/tertiary-amet-mediocrem.html %}
      {% endif %}
    </li>
    <li class="list-group-item {% if page.nav-tertiary %}tertiary-nav-item-pf{% endif %}" data-target="#amet-corrumpit-tertiary">
      <a href="#0">
        <span class="list-group-item-value">Corrumpit Cupidatat Proident Deserunt</span>
        {% if page.nav-tertiary %}{% else %}
        {% if page.nav-badges %}
        <div class="badge-container-pf">
          <div class="badge">
            <span class="pficon pficon-warning-triangle-o"></span>
            <span>5</span>
          </div>
          <div class="badge">
            <span>4</span>
          </div>
        </div>
        {% endif %}
        {% endif %}
      </a>
      {% if page.nav-tertiary %}
      {% include widgets/navigation/tertiary-amet-corrumpit.html %}
      {% endif %}
    </li>
    {% if page.nav-tertiary %}
    <li class="list-group-item">
      <a href="#0">
        <span class="list-group-item-value">Urbanitas Habitant Morbi Tristique</span>
        {% if page.nav-badges %}
        <div class="badge-container-pf">
          <span class="badge">5</span>
          <span class="badge">5</span>
          <span class="badge">5</span>
        </div>
        {% endif %}
      </a>
    </li>
    {% endif %}
  </ul>
</div>
