<div class="sub-nav-challenge">
  <ul class="sub-nav-list" role="navigation">
    <li class="sub-nav-list-item">
      <i class="sub-nav-list-icon las la-list"></i>
      <a class="sub-nav-list-link active" href="/">
        Overview
      </a>
    </li>

    <li class="sub-nav-list-item-secondary active-secondary">
      <a class="sub-nav-list-link" href="/">
        Introduction
      </a>
    </li>

    <li class="sub-nav-list-item-secondary">
      <a class="sub-nav-list-link" href="/">
        Task
      </a>
    </li>

    <li class="sub-nav-list-item-secondary">
      <a class="sub-nav-list-link" href="/">
        Dataset
      </a>
    </li>

    <li class="sub-nav-list-item-secondary">
      <a class="sub-nav-list-link" href="/">
        Prizes
      </a>
    </li>

    <li class="sub-nav-list-item-secondary">
      <a class="sub-nav-list-link" href="/">
        Timeline
      </a>
    </li>

    <li class="sub-nav-list-item-secondary" style="margin-bottom:10px">
      <a class="sub-nav-list-link" href="/">
        Contact
      </a>
    </li>

    <li class="sub-nav-list-item">
      <i class="sub-nav-list-icon las la-toolbox"></i>
      <a class="sub-nav-list-link" href="/">
        Resources
      </a>
      <span class="counter">17</span>
    </li>

    <li class="sub-nav-list-item">
      <i class="sub-nav-list-icon las la-comments"></i>
      <a class="sub-nav-list-link" href="/">
        Discussion
      </a>
      <span class="counter">4</span>
    </li>

    <li class="sub-nav-list-item">
      <i class="sub-nav-list-icon las la-rocket"></i>
      <a class="sub-nav-list-link" href="/">
        Submissions
      </a>
    </li>

    <li class="sub-nav-list-item">
      <i class="sub-nav-list-icon las la-trophy"></i>
      <a class="sub-nav-list-link" href="/">
        Leaderboard
      </a>
    </li>

    <li class="sub-nav-list-item">
      <i class="sub-nav-list-icon las la-chart-bar"></i>
      <a class="sub-nav-list-link" href="/">
        Insights
      </a>
    </li>
  </ul>
</div>