<div class="top-bar">
    <div class="branding">
        <a href="{{ site.baseurl }}/">
            <img src="{{ site.baseurl }}/Assets/Images/Logo/Logo.png"/>
            <h1>Liga das Orquídeas</h1>
        </a>
    </div>

    <div class="menu">
        <ul class="menu-item">
            <li><a href="{{ site.baseurl }}/">Inicio</a></li>
            <li><a href="{{ site.baseurl }}/pessoas">Pessoas</a></li>
            <li><a href="{{ site.baseurl }}/pub">Publicações</a></li>
            <li><a href="{{ site.baseurl }}/mapa">Mapa</a></li>
            <li><a href="{{ site.baseurl }}/sobre">Sobre</a></li>
        </ul>
    </div>
</div>