<nav class="np-sub-navigation">
  <div class="np-sub-navigation-content">
    {% for link in navigations.sub_navigation %}
      {% if link.label == 'Dashboard' %}
        <div class="np-sub-navigation-content-item {{ link.active_class }} home-link">
          <a class="np-sub-navigation-content-item-link" href="/app/dashboard">
			<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
          <p class="Home sub-navigation-label" style="margin-top:0px;"> Home </p>
          </a>
        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
        </div>
      {% elsif link.label == 'Catalog' %}
        <div class="np-sub-navigation-content-item {{ link.active_class }} home-link">
          <a class="np-sub-navigation-content-item-link" href="/app/catalog">
			<i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
          <p class="Courses sub-navigation-label" style="margin-top:0px;"> Courses </p>
          </a>
        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
        </div>
      {% elsif link.label == 'Home' %}
        <div class="np-sub-navigation-content-item {{ link.active_class }} home-link" style="display:none;">
          <a class="np-sub-navigation-content-item-link" href="/app/catalog">
            <i class="link-all-resources np-button-color np-sub-navigation-content-item-icon"></i>
          </a>
        </div>
	  {% else %}
      <div class="np-sub-navigation-content-item {{ link.active_class }}">
        <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
          <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
          <p class="{{ link.label }} sub-navigation-label" style="margin-top:0px;"> {{ link.label }} </p>
        </a>
        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
	  </div>
	  {% endif %}
    {% endfor %}
  </div>
</nav>
