Navigation

<nav class="uk-navbar-container" uk-navbar>
    <div class="uk-navbar-left">
        <a class="uk-navbar-item uk-logo" href="#">Logo</a>
        <ul class="uk-navbar-nav">
            <li class="uk-active"><a href="#">Start</a></li>
            <li>
                <a href="#">Dienste</a>
                <div class="uk-navbar-dropdown">
                    <ul class="uk-nav uk-navbar-dropdown-nav">
                        <li><a href="#">Option 1</a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</nav>

<ul class="uk-tab" uk-tab>
    <li class="uk-active"><a href="#">Tab 1</a></li>
    <li><a href="#">Tab 2</a></li>
    <li class="uk-disabled"><a href="#">Deaktiviert</a></li>
</ul>

<!-- Tab mit Inhalt (Switcher) -->
<ul uk-tab>
    <li><a href="#">Tab 1</a></li>
</ul>
<ul class="uk-switcher">
    <li>Inhalt Tab 1</li>
</ul>

<ul class="uk-breadcrumb">
    <li><a href="#">Start</a></li>
    <li><a href="#">Kategorie</a></li>
    <li><span>Aktuelle Seite</span></li>
</ul>

<ul class="uk-pagination">
    <li><a href="#"><span uk-pagination-previous></span></a></li>
    <li><a href="#">1</a></li>
    <li class="uk-active"><span>2</span></li>
    <li><a href="#">3</a></li>
    <li><a href="#"><span uk-pagination-next></span></a></li>
</ul>

<ul class="uk-subnav uk-subnav-pill">
    <li class="uk-active"><a href="#">Alle</a></li>
    <li><a href="#">Aktiv</a></li>
</ul>