_includes/header.html

<header>
    <div class="header-logo"><a href="/"><img src="/images/asf-logo.png"/></a>
        <div class="header-text">ASF Data Privacy</div>
    </div>

    <nav>
    <label for="show-menu" class="show-menu">Show Menu</label>
	<input type="checkbox" id="show-menu" role="button">
        <ul id="menu">
            <li><a href="/">Home</a></li>
            <li><a href="/policies">Policies</a></li>
            <li>
                <a href="#">Privacy FAQ &#9660;</a>
                <ul class="hidden">
                    <li><a href="/faq/community.html">Community Privacy FAQ</a></li>
                    <li><a href="/faq/committers.html">Committers' Privacy FAQ</a></li>
                    <li><a href="/faq/infrastructure.html">Infrastructure Privacy FAQ</a></li>
                    <li><a href="/faq/software-users.html">Software Users FAQ</a></li>
                    <li><a href="/responses">PMC Responses</a></li>
                </ul>
            </li>
            <li>
                <a href="#">Guides</a>
                <ul class="hidden">
                    <li><a href="/guides/event-photography.html">Event Photos</a></li>
                    <li><a href="/guides/jekyll-youtube-plugin.html">Jekyll Plugin for YouTube</a></li>
                </ul>
            <li><a href="/matomo">Matomo</a></li>
            <li><a href="http://www.apache.org/foundation/">About the ASF</a></li>
        </ul>
    </nav>
</header>