<nav class="np-sub-navigation">
  <div class="np-sub-navigation-content">
    {% for link in navigations.sub_navigation %}
      {% if link.label == 'Home'%}
        <div class="np-sub-navigation-content-item {{ link.active_class }}">
          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
            {{ link.label }}
          </a>
          
        </div>
      {% endif %}
    {% endfor %}
    <div class="np-sub-navigation-content-item">
      <a class="np-sub-navigation-content-item-link" href="#">
        Blog
      </a>
      
    </div>
    <div class="np-sub-navigation-content-item">
      <a class="np-sub-navigation-content-item-link" href="#">
        Support Center
      </a>
      
    </div>
    <div class="np-sub-navigation-content-item">
      <a class="np-sub-navigation-content-item-link" href="#">
        Community
      </a>
      
    </div>
    <div class="np-sub-navigation-content-item">
      <a class="np-sub-navigation-content-item-link" href="#">
        Case Studies
      </a>
      
    </div>
  </div>
</nav>

<style>
  .np-sub-navigation-content-item-link {
    color: #000;
    font-size: 17px;
    font-weight: 400;
  }

  .np-sub-navigation-content-item-link:hover {
    font-weight: 700;
    text-decoration: none;
    transition: all .15s ease;
  }
</style>