MasterPassword/public/site/2015-05/_includes/header.html

<header class="{{ page.header }}">
    <nav>
        <a href="/" data-hero="main">Master Password</a>
        <div class="flex-auto">
            <a href="https://itunes.apple.com/app/id510296984" data-hero="ios">iOS.</a>
            <a href="https://ssl.masterpasswordapp.com/masterpassword-android.apk" data-hero="android">Android.</a>
            <a href="https://ssl.masterpasswordapp.com/masterpassword-mac.zip" data-hero="mac">Mac.</a>
            <a href="https://ssl.masterpasswordapp.com/masterpassword-gui.jar" data-hero="desktop">Desktop.</a>
            <a href="https://ssl.masterpasswordapp.com/masterpassword-cli.tar.gz" data-hero="cli">Terminal.</a>
            <a href="https://js.masterpasswordapp.com/" data-hero="web">Web.</a>
        </div>
        <a href="http://help.masterpasswordapp.com">Support</a>
    </nav>

    <div class="hero" data-paroller-factor="-0.2" data-paroller-type="foreground"></div>

    <div class="flex-auto"></div>

    <nav>
        <a href="why.html"{% if page.nav == "why" %} class="active"{% endif %}>Why</a>
        <a href="what.html"{% if page.nav == "what" %} class="active"{% endif %}>What</a>
        <a href="how.html"{% if page.nav == "how" %} class="active"{% endif %}>How</a>
    </nav>
</header>