alumnos/templates/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="bg-primary rounded-circle cerraricon d-flex justify-content-center align-items-center" id="dismiss"><div class="text-white ing-cancelar"></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>
        <!-- BEGIN: link -->
        <li class="d-block d-sm-none mb-1">
            <a href="{LINK}">{TEXTO}</a>
        </li><!-- END: link -->
        <!-- 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 -->
    
    
    <div class="accordion px-2" id="accordionMenu">
        <!-- BEGIN: menus -->
        <!-- BEGIN: menu_link -->
            <p class="mb-0 mt-3">
                <a class="d-block side-menu <!-- BEGIN: activo -->activo<!-- END: activo -->" 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 -->">
                    <!-- BEGIN: icono --><span class="{MENU_ICONO}"></span> <!-- END: icono --> {MENU_NOMBRE}<i class="fa-solid fa-angle-right ml-2 float-right"></i>
                </a>
            </p>
            <div id="menu_{MENU_ID}" class="collapse <!-- BEGIN: show -->show<!-- END: show -->" data-parent="#accordionMenu">
                <ul>
                    <!-- BEGIN: submenu -->
                    <li class="mt-1"><a class="<!-- BEGIN: activo -->activo<!-- END: activo -->" href="{SUBMENU_LINK}"><span class="{SUBMENU_ICONO}"></span> {SUBMENU_NOMBRE}</a></li>
                    <!-- END: submenu -->
                </ul>
            </div><!-- END: menu --><!-- END: menus -->
    </div>
</aside><!-- END: sidebar -->


<header class="sticky-top bg-white">
    <div class="container-fluid marco menu d-flex align-items-center">
        <div class="logotipo"><a href="https://lasalle.mx/" target="_blank"><img src="img/lasalle-logo.svg"></a></div>
        <div class="flex-grow-1 d-flex justify-content-end">
            <nav class="navbar navbar-expand-md d-none d-sm-flex">
                <!-- BEGIN: sistemas -->
                <ul class="navbar-nav">
                    <!-- BEGIN: list -->
                        <!-- BEGIN: sistema -->
                    <li class="nav-item sistema"><a class="<!-- BEGIN: active --> sistema-active <!-- END: active -->" 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}"></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" class="ing-menu bg-white rounded-circle pointer text-primary menuicon max-w max-h 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" class="ing-menu bg-white rounded-circle pointer text-primary menuicon max-w d-flex justify-content-center align-items-center"></span>
                    
                </div>
                
            </div><!-- END: menu_index -->
        </div>
    </div>
</header>
<!-- BEGIN: barra -->
<div class="mb-3 barra px-4 py-2 bg-barra d-flex flex-row justify-content-start align-items-center">
    <h4 class="marco">{TITULO}</h4>
</div>
<!-- END: barra -->
<!-- END: main -->