sgi/tpl/main_menu.tpl.html

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

<!-- Sidebar -->
<!-- BEGIN: sidebar -->
<!-- <nav id="sidebar" class="bg-light text-secondary p-4">-->
<aside id="sidebar" class="bg-light defaultShadow d-flex flex-column p-4">    
    <div class="d-flex mainMain align-items-center mb-1">
        <div class="logotipo"><a href="https://lasalle.mx/" target="_blank"><img src="{LOGO_IMG}" id="logo" border="0" class="img-fluid"></a></div>
        <div class="flex-grow-1 d-flex justify-content-end">
            <div class="d-flex mainMenu justify-content-center align-items-center">
                <!-- BEGIN: salir --><div class="max-h iconSesion">
                    <a href="{SALIR}" class="iconOff max-h pl-3 d-flex justify-content-start align-items-center"><i class="ing-salir"></i></a>
                </div><!-- END: salir -->
                <!-- BEGIN: modal --><div class="max-h iconSesion">
                    <a href="#{MODAL}" data-toggle="modal" class="iconLogin max-h pl-3 d-flex justify-content-start align-items-center"><i class="ing-iniciar-sesion"></i></a>
                </div><!-- END: modal -->
                <div class="max-h">
                    <div class="bg-secondary rounded-circle pointer max-h max-w d-flex justify-content-center align-items-center" id="dismiss">
                        <div class="text-white"><i class="ing-cancelar"></i></div>
                    </div>
                </div>
            </div>
        </div>
    </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: link -->
        <li class="d-block d-sm-block .d-md-none mb-1">
            <a href="{LINK}">{TEXTO}</a>
        </li><!-- END: link -->
        <!-- BEGIN: sistema -->
        <li class="d-block d-sm-block d-md-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-block d-md-none"><!-- END: sistemas -->
    
    
    <div class="accordion px-2" id="accordionMenu">
        <!-- BEGIN: menus -->
        <!-- 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="ing-caret ing-fw mr-2"></i> <!-- BEGIN: icono --><span class="{MENU_ICONO} ing-fw"></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} ing-fw"></span> <!-- END: icono -->{SUBMENU_NOMBRE}</a></li>
                    <!-- END: submenu -->
                </ul>
            </div><!-- END: menu --><!-- END: menus -->
    </div>
</aside><!-- END: sidebar -->


<header class="sticky-top bg-white bg-head">
    <div class="menu d-flex align-items-center" style="visibility: visible;">
        <div class="logotipo"><a href="https://lasalle.mx/" target="_blank"><img id="logo" src="{LOGO_IMG}" border="0" class="img-fluid" ></a></div>

        <div class="flex-grow-1 d-flex justify-content-end">
            <nav class="navbar navbar-expand d-flex">
                <!-- BEGIN: sistemas -->
                <ul class="navbar-nav">
                    <!-- BEGIN: list -->
                        <!-- BEGIN: sistema -->
                    <li class="nav-item sistema"><a class="<!-- BEGIN: active --> sistema-active <!-- END: active --> menu-sistema" href="{SISTEMA_LINK}">{SISTEMA_NOMBRE}</a></li><!-- END: sistema -->
                        <!-- BEGIN: texto -->
                    <li class="nav-item sistema"><span>{TEXTO}</span></li><!-- END: texto -->
                        <!-- BEGIN: link -->
                    <li class="nav-item sistema"><a  href="{LINK}"><span class="{ICONO} ing-fw"></span> {TEXTO}</a></li><!-- END: link -->
                    <!-- END: list -->
                </ul><!-- END: sistemas -->
            </nav>
            <!-- BEGIN: menu_sidebar -->
            <div class="d-flex mainMenu justify-content-center align-items-center">
                <div class="max-h iconSesion">
                    <a href="{SALIR}" class="iconOff max-h pl-3 d-flex justify-content-start align-items-center"><i class="ing-salir"></i></a>
                </div>
                <div class="max-h">
                    <span id="sidebarCollapse" style="font-size: 44px;" class="ing-menu bg-white rounded-circle pointer max-w d-flex justify-content-center align-items-center"></span>
                    
                </div>
            </div><!-- END: menu_sidebar -->
            <!-- BEGIN: menu_index -->
            <div class="d-flex mainMenu justify-content-center align-items-center">
                <!-- BEGIN: modal --><div class="max-h iconSesion">
                    <a href="#{MODAL}" data-toggle="modal" class="iconLogin max-h pl-3 d-flex justify-content-start align-items-center"><i class="ing-iniciar-sesion"></i></a>
                </div><!-- END: modal -->
                <div class="max-h">
                    <span id="sidebarCollapse" style="font-size: 44px;" class="ing-menu bg-white rounded-circle pointer max-w d-flex justify-content-center align-items-center"></span>
                    
                </div>
                
            </div><!-- END: menu_index -->
        </div>
    </div>
</header>
<div class="row bg-info mx-0 barra-gris">
    <div class="marco">
        <div class="col-12 py-3">
            <!-- BEGIN: sistema_barra --><h4 class="text-info">{SISTEMA} | <small>{SISTEMA_NOMBRE}</small></h4><!-- END: sistemna_barra -->
            <h2 class="text-uppercase">{TITULO}</h2>
        </div>
    </div>
</div>
<!-- END: main -->