Header Navigation

<nav class="header-nav">

    <ul class="header-nav__list">

        <li class="header-nav__item">

            <a class="header-nav__link" href="#link-to-page">About us</a>

        </li>

        <li class="header-nav__item">

            <a class="header-nav__link" href="#link-to-page">What you need to know</a>

        </li>

        <li class="header-nav__item">

            <a class="header-nav__link" href="#link-to-page">Supporting conversations</a>

        </li>

        <li class="header-nav__item">

            <a class="header-nav__link" href="#link-to-page">Case studies</a>

        </li>

        <li class="header-nav__item">

            <a class="header-nav__link" href="#link-to-page">News</a>

        </li>

        <li class="header-nav__item">

            <a class="header-nav__link" href="#link-to-page">Contact</a>

        </li>

    </ul>

</nav>