nav.html

<nav>
    <a class="uk-position-small uk-position-top-left uk-text-large" style="text-decoration: none;">🐱‍👓</a>
    <a class="uk-button uk-button-default uk-align-right inline uk-position-small uk-position-top-right" style="font-weight: 500; padding: 0 10px;" href="#menus" uk-toggle accesskey="k"><span uk-icon="menu"></span></a>
    <div id="menus" class="uk-flex-top " uk-modal>
        <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical">
    
            <button class="uk-modal-close-default" type="button" uk-close></button>
            <p class="uk-text-small">Navigation</p>
            <a href="./index.html" class="uk-button uk-button-default uk-text-capitalize uk-margin-small-bottom">🏠 Home </a> <br>
            <a href="/songs.html" class="uk-button uk-button-default uk-text-capitalize uk-margin-small-bottom">🎵 Songs</a> <br>
            <a href="./projects.html" class="uk-button uk-button-default uk-text-capitalize uk-margin-small-bottom">🔨 Projects</a> <br>

            <p class="uk-text-small">Actions</p>
            <a href="https://saweria.co/berinopalduit" class="uk-button uk-button-default uk-text-capitalize uk-margin-small-bottom" style="color: #afb380">💵 Donate</a><br>
            <a href="mailto:naufalizeds@gmail.com" class="uk-button uk-button-default uk-text-capitalize uk-margin-small-bottom" style="color: #f05c3f;">📧 Email </a>
    
        </div>
    </div>
</nav>