<nav class="np-sub-navigation">
  <div class="np-sub-navigation-content">
    {% for link in navigations.sub_navigation %}
      <div class="np-sub-navigation-content-item {{ link.active_class }}">
        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
        <a class="np-sub-navigation-content-item-link {{ link.label }}" href="{{ link.url }}">
          {{ link.label }}
        </a>

      </div>
    {% endfor %}
  </div>
</nav>
<style>
  .np-sub-navigation {
    background: #00283D;
  }
</style>
<script>
  $(".np-sub-navigation-content-item-link[href='/app/catalog']").parent().remove()
  $(".np-sub-navigation-content-item-link:contains('Home')").attr('href', '/app/homepage')
  $(".np-sub-navigation-content-item-link:contains('Courses')").attr('href', '/app/dashboard')
  $(".np-sub-navigation-content-item-link:contains('Courses')").text('Dashboard')

</script>
