Slash Learning - Project Nav

<nav class="sl-c-project-nav">
    <label class="sl-c-project-nav__toggle" for="sl-c-project-nav__toggle-checkbox">
    <img src="#" alt="" class="sl-c-project-nav__toggle-icon">
    <span class="sl-c-project-nav__toggle-title"></span>
  </label>

    <input type="checkbox" class="sl-c-project-nav__toggle-checkbox" id="sl-c-project-nav__toggle-checkbox">

    <ul class="sl-c-project-nav__list">
        <li class="sl-c-project-nav__list-item">
            <a href="#" class="sl-c-project-nav__list-link sl-c-project-nav__list-link--done">Introduction</a>
        </li>
        <li class="sl-c-project-nav__list-item">
            <a href="#" class="sl-c-project-nav__list-link sl-c-project-nav__list-link--done">What you will need</a>
        </li>
        <li class="sl-c-project-nav__list-item">
            <a href="#" class="sl-c-project-nav__list-link sl-c-project-nav__list-link--current">About the Weather Stations</a>
        </li>
        <li class="sl-c-project-nav__list-item">
            <a href="#" class="sl-c-project-nav__list-link">Finding the Weather Stations</a>
        </li>
        <li class="sl-c-project-nav__list-item">
            <a href="#" class="sl-c-project-nav__list-link">Featching the Latest Weather</a>
        </li>
    </ul>
</nav>