sgi/tpl/main_menu_overlay.tpl.html

<!-- BEGIN: main -->
<div class="overlay"></div><!-- Dark Overlay element -->

<!-- Sidebar -->
<!-- BEGIN: sidebar -->
<nav id="sidebar" class="bg-info text-secondary">
    <div id="dismiss">
        <span class="fa-stack fa-lg text-secondary pointer">
            <i class="fas fa-circle fa-stack-2x"></i>
            <i class="fas fa-times fa-stack-1x fa-inverse"></i>
        </span>
    </div>
    <div class="sidebar-header my-4 mb-4">
        <img id="logo" src="{LOGO_IMG}" border="0" class="img-fluid ml-3" />
    </div>
    <!-- BEGIN: sistemas -->
    <ul class="fa-ul">
        <!-- BEGIN: sistema -->
        <li class="d-block d-sm-none mb-1">
            <a class="<!-- BEGIN: active -->font-weight-bold<!-- END: active -->" href="{SISTEMA_LINK}">{SISTEMA_NOMBRE}</a>
        </li><!-- END: sistema -->
    </ul>
    <hr  class="d-block d-sm-none"><!-- END: sistemas -->
    
    <!-- BEGIN: menus -->
    <div class="accordion px-4" id="accordionMenu">
        <!-- BEGIN: menu_link -->
            <p class="mb-0 mt-3 ml-4 pl-1">
                <a class="d-block side-menu" href="{MENU_LINK}">
                    <!-- BEGIN: icono --><span class="{MENU_ICONO}"></span> <!-- END: icono --> {MENU_NOMBRE}
                </a>
            </p><!-- END: menu_link -->
        <!-- BEGIN: menu -->
            <p class="mb-0 mt-3">
                <a class="d-block side-menu <!-- BEGIN: collapsed -->collapsed<!-- END: collapsed --> " data-toggle="collapse" href="#menu_{MENU_ID}" role="button" aria-expanded="<!-- BEGIN: activo -->true<!-- END: activo --><!-- BEGIN: inactivo -->false<!-- END: inactivo -->">
                    <i class="fa fa-chevron-down fa-fw mr-2"></i> <!-- BEGIN: icono --><span class="{MENU_ICONO}"></span> <!-- END: icono --> {MENU_NOMBRE}
                </a>
            </p>
            <div id="menu_{MENU_ID}" class="collapse <!-- BEGIN: show -->show<!-- END: show -->" data-parent="#accordionMenu">
                <ul class="fa-ul">
                    <!-- BEGIN: submenu -->
                    <li class="mt-1"><a href="{SUBMENU_LINK}"><!-- BEGIN: icono --><span class="{SUBMENU_ICONO} fa-fw"></span> <!-- END: icono -->{SUBMENU_NOMBRE}</a></li>
                    <!-- END: submenu -->
                </ul>
            </div><!-- END: menu -->
    </div><!-- END: menus -->
</nav><!-- END: sidebar -->

<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-head">
    <div class="menu">
        <a class="navbar-brand" ><img id="logo" src="{LOGO_IMG}" border="0" class="img-fluid" /></a>

        <ul class="navbar-nav ml-auto">
            <!-- BEGIN: sistemas -->
            <li class="nav-item d-none d-sm-block pt-3">
                <ul class="navbar-nav ml-auto menu-list">
                    <!-- BEGIN: sistema -->
                    <li class="nav-item d-none d-sm-block sistema">
                        <a class="text-secondary <!-- BEGIN: active -->font-weight-bold<!-- END: active -->" href="{SISTEMA_LINK}">{SISTEMA_NOMBRE}</a>
                    </li><!-- END: sistema -->
                    <!-- BEGIN: link -->
                    <li class="nav-item">
                        <a class="text-secondary" href="{LINK}"><span class="{ICONO} fa-fw"></span> {TEXTO}</a>
                    </li><!-- END: link -->
                </ul>
            </li><!-- END: sistemas -->

            <li class="nav-item" style="margin-left:3em"><!-- BEGIN: menu_sidebar -->
                <span class="fa-stack fa-lg text-secondary pointer" id="sidebarCollapse">
                    <i class="fas fa-circle fa-stack-2x"></i>
                    <i class="fas fa-bars fa-stack-1x fa-inverse"></i>
                </span><!-- END: menu_sidebar -->
            </li>
        </ul>
    </div>
</nav>
<!-- END: main -->