<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 }}">
        <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>
          {% if link.label == 'Dashboard' %}
            My Dashboard
          {% elsif link.label == 'Catalog' %}
            Courses Library
          {% elsif link.label == 'Events' %}
            Live Training Webinars
          {% else %}
            {{ link.label }}
          {% endif %}
        </a>
        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
      </div>
    {% endfor %}
      <div class="np-sub-navigation-content-item">
        <a class="np-sub-navigation-content-item-link" href="https://support.hackerrank.com">
          <i style="color: #bac4ca;" class="far fa-book-reader np-sub-navigation-content-item-icon"></i>
          Knowledge Base
        </a>
        <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
      </div>
  </div>
</nav>
