<!--Navbar-->
<nav class="menu navbar navbar-fixed-top scrolling-navbar navbar-dark bg-primary">

    <div class="container">

        <!--Navbar Brand-->
        <a class="navbar-brand animated bounce" href="/">ZooAmour</a>
        <!--Links-->
        <ul class="nav navbar-nav">
            <li class="nav-item {{vm.menu[0]}}">
                <a class="nav-link" href="/">Главная <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item {{vm.menu[1]}}">
                <a class="nav-link" href="/catalog/1">Каталог</a>
            </li>
            <li class="nav-item btn-group {{vm.menu[2]}}">
                    <div class="btn-group">
                        <a class="nav-link" href="/categoryes">Категории</a>
                    </div>
                </li>
            <li class="nav-item {{vm.menu[3]}}">
                <a class="nav-link" href="/basket">Корзина</a>
            </li>
        </ul>
        <!--Search form-->
        <form class="form-inline float-xs-right">
            <input class="form-control" type="text" placeholder="Поиск товара">
        </form>

    </div>

</nav>
<!--/.Navbar-->