<!-- FOOTER NAVIGATION -->

<div
style="
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4em;
    background-color: var(--bg_navbar);
    display: flex;
    flex-direction: row;"
>

    <button class="btn" onclick="loaderIn('gps');">
        <span class="material-icons">share_location</span>
    </button>
    <button class="btn" onclick="loaderIn('telefone');">
        <span class="material-icons">phone_in_talk</span>
    </button>
    <button class="btn" onclick="loaderIn('funk');">
        <span class="material-icons">podcasts</span>
    </button>
    <button class="btn" onclick="loaderIn('alarm_list');">
        <span class="material-icons">format_list_bulleted</span>
    </button>
    <button class="btn" onclick="loaderIn('menu');">
        <span class="material-icons">more_horiz</span>
    </button>

</div>