Header

<header class="c-header">
    <a class="c-logo-dmptool" href="/">
        <picture>
            <source srcset="../../ui-assets/logo-dmptool-large.svg" media="(min-width: 50rem)" width="272" height="73">
            <img src="../../ui-assets/logo-dmptool-small.svg" alt="DMPTool logo" width="208" height="37">
        </picture>
    </a>

    <div class="c-headermenugroup">
        <a class="c-signin" href="path/to/home">Sign In</a>

        <!-- This menu uses accessibility techniques from: https://www.w3.org/TR/wai-aria-practices-1.1/examples/menu-button/menu-button-links.html -->

        <div id="js-language" class="c-language c-headermenu">
            <button id="js-language__button" class="c-headermenu__button" aria-haspopup="true">Language</button>
            <ul id="js-language__menu" class="c-headermenu__menu" hidden>
                <li><a role="menuitem" href="https://dmptool.org/locale/en-US">English (US)</a></li>
                <li lang="pt"><a role="menuitem" href="https://dmptool.org/locale/pt-BR">Português (Brasil)</a></li>
            </ul>
        </div>

    </div>
    <button id="js-navtoggle" class="c-navtoggle" aria-label="main navigation"></button>

    <nav aria-label="main" id="js-headernav" class="c-headernav">
        <ul>
            <li><a href="">Funder Requirements</a></li>
            <li><a href="">Public DMPs</a></li>
            <li><a href="">Help</a></li>
        </ul>
    </nav>
</header>