navbar.html

<div id="navbar" class="w3-bar w3-black w3-card-2 w3-left-align w3-large">
    <a href="https://observatory.mami-project.eu" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
    <a href="https://mami-project.eu" class="w3-bar-item w3-button w3-padding-small w3-white" target="_blank" style="float: right;">
        <img style="height: 2.7rem;" src="https://observatory.mami-project.eu/static/img/logo.png" alt="Go to MAMI project"/>
    </a>
    <a href="https://observatory.mami-project.eu/static/apikey.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white" style="float: right;">API Key</a>
    <a href="https://observatory.mami-project.eu/static/raw.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white" style="float: right; display: none;">Raw</a>
    <a href="https://observatory.mami-project.eu/static/obssets.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white" style="float: right; display: none;">Obs</a>
    <a href="https://observatory.mami-project.eu/static/cachedqueries.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white" style="float: right; display: none;">Query</a>
</div>