OktoStrap

OktoStrap

Sidebar

Barra laterial retrátil de navegação

<div class="sidebar" style="position: relative; height: 420px">
    <ul>
        <li class="sidebar-item-close">
            <a>
                <img src="/assets/images/logo-okto-white.png" alt="Okto" height="20">
            </a>
        </li>
        <li class="active">
            <a href="#">
                <i class="material-icons mr-2">place</i>
                <span class="w-100">Lugares</span>
                <i class="material-icons ml-2">keyboard_arrow_down</i>
            </a>

            <ul class="sidebar-nested">
                <li><a href="#">Restaurantes</a></li>
                <li><a href="#">Lanchonetes</a></li>
                <li><a href="#">Hotéis</a></li>
            </ul>
        </li>
        <li>
            <a href="#">
                <i class="material-icons mr-2">show_chart</i>
                <span class="w-100">Relatórios</span>
                <i class="material-icons m-l-2">keyboard_arrow_left</i>
            </a>

            <ul class="sidebar-nested" style="display: none">
                <li><a href="#">Desempenho</a></li>
                <li><a href="#">Custo</a></li>
                <li><a href="#">Tempo</a></li>
            </ul>
        </li>
        <li>
            <a href="#">
                <i class="material-icons mr-2">settings</i>
                <span class="w-100">Configurações</span>
            </a>
        </li>
    </ul>
</div>