UIKIT Navbar

<header class="uk-navbar uk-navbar-attached">
    <nav class="uk-container uk-container-center">
        <a href="#offcanvas-1" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>
        <div class="uk-navbar-brand uk-navbar-center uk-visible-small">
            <img src="docs/images/logo_uikit.svg" width="90" height="30" title="UIkit" alt="UIkit">
        </div>
        <a class="uk-navbar-brand uk-hidden-small" href="index.html">
            <img class="uk-margin uk-margin-remove" src="docs/images/logo_uikit.svg" width="90" height="30" title="UIkit" alt="UIkit">
        </a>
        <div class="uk-navbar-flip">
            <ul class="uk-navbar-nav uk-hidden-small">
                <li><a href="">Über uns</a></li>
                <li><a href="">Leistungen</a></li>
                <li><a href="">Studios</a></li>
                <li><a href="">Creators</a></li>
                <li><a href="">Jobs</a></li>
                <li><a href="">Kunden</a></li>
                <li><a href="">shop</a></li>
                <li><a href=""><i class="uk-icon-envelope-o"></i></a></li>
                <li><a href="">GER</a></li>
                <li><a href="">ENG</a></li>
            </ul>
        </div>
    </nav>
</header>
<div id="offcanvas-1" class="uk-offcanvas">
    <div class="uk-offcanvas-bar">
        <div class="uk-panel">Lorem ipsum dolor sit amet, <a href="#">consetetur</a> sadipscing elitr.</div>
    </div>
</div>