Navigation

<div class="container-fluid fast-contact">
    <div class="row">
        <div class="col text-center">
            <a href="mailto:info@chci-vysavat.cz">info@chci-vysavat.cz</a>
            <span>+420 737 770 470</span>
        </div>
    </div>
</div>

<nav class="navbar navbar-expand-md navbar-light sticky-top">
    <a class="navbar-brand" href="homepage">chci-vysavat.cz</a>
    <div class="navbar-nav navbar__login ml-auto">
        <a class="cart nav-item nav-link" href="/prihlasit">
            <i aria-hidden="true" class="icon-user"></i>
            <span class="text">&nbsp;Přihlásit</span>
        </a>
        <a rel="tooltip" data-placement="bottom" title="Váš košík je prázdný. Pokračujte do obchodu" class="cart nav-item nav-link" href="/kosik">
            <i aria-hidden="true" class="icon-cart"></i>
            <span class="text">&nbsp;Nákupní košík</span><span class="d-none d-xxs-inline d-sm-none">Košík</span><span class="badge"><span class="badge__text">1</span></span>
        </a>
    </div>
    <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
        <span class="text d-none d-xxs-block">menu</span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <div class="navbar-nav">
            <a class="nav-item nav-link" href="znacky">Prodávané značky</a>
            <a class="nav-item nav-link" href="o-nas">O nás</a>
            <a class="nav-item nav-link" href="sacky-do-vysavace-vacs">Více o sáčcích VACS</a>
            <a class="nav-item nav-link" href="jak-nakoupit">Jak nakoupit</a>
            <a class="nav-item nav-link" href="poradna">Poradna</a>
            <a class="nav-item nav-link" href="kontakt">Kontakt</a>
            <a class="nav-item nav-link" href="objednavka">Moje objednávka</a>
            <a class="nav-item nav-link d-sm-none" href="/prihlasit">
                <i aria-hidden="true" class="icon-user"></i>
                <span class="text">&nbsp;Přihlásit</span>
            </a>
            <a rel="tooltip" data-placement="bottom" title="Váš košík je prázdný. Pokračujte do obchodu" class="nav-item nav-link  d-sm-none" href="/kosik">
                <i aria-hidden="true" class="icon-cart"></i>
                <span class="text">&nbsp;Nákupní košík</span><span class="badge"><span class="badge__text">1</span></span>
            </a>
        </div>
    </div>

</nav>