<aside class="main-sidebar">
    <section class="sidebar">
        <div class="user-panel">
            <div class="pull-left image">
                <img src="<?php echo base_url() ?>assets/img/user2-160x160.jpg" class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
                <p>Alexander Pierce</p>
                <i class="fa fa-circle text-success"></i> Online
            </div>
        </div>
      <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class="sidebar-menu">
          
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-users"></i> <span>Funcionarios</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="<?php echo base_url()?>funcionarios/Index/registroFuncionarios"><i class="fa fa-circle-o text-aqua"></i> Registro Funcionarios</a></li>
                    <li><a href="<?php echo base_url()?>funcionarios/Index/listadoFuncionarios"><i class="fa fa-circle-o text-aqua"></i> Listado Funcionarios</a></li>
                </ul>
            </li>
        
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-cogs"></i> <span>Cuentas de Usuarios</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Registro Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Listado Funcionarios</a></li>
                </ul>
            </li>
        
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i> <span>Matrícula de Párvulos</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Registro Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Listado Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Reporte Funcionarios</a></li>
                </ul>
            </li>
        
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-cubes" aria-hidden="true"></i> <span>Niveles Jardín</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="<?php echo base_url() ?>niveles/Index/crearNivel"><i class="fa fa-circle-o text-aqua"></i> Registrar Niveles Jardín</a></li>
                    <li><a href="<?php echo base_url() ?>niveles/Index/crearNivelAnual"><i class="fa fa-circle-o text-aqua"></i> Crear Niveles Anuales</a></li>
                    <li><a href="<?php echo base_url() ?>niveles/Index/armarNivelAnual"><i class="fa fa-circle-o text-aqua"></i> Armar Niveles</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Listado Niveles</a></li>
                </ul>
            </li>
        
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-book" aria-hidden="true"></i> <span>Unidades de Contenido</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Registro Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Listado Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Reporte Funcionarios</a></li>
                </ul>
            </li>
        
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-laptop" aria-hidden="true"></i> <span>Planific. Educadora</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Registro Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Listado Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Reporte Funcionarios</a></li>
                </ul>
            </li>
        
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-bar-chart" aria-hidden="true"></i> <span>Reportes</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Registro Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Listado Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Reporte Funcionarios</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-question-circle" aria-hidden="true"></i> <span>Ayuda</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Registro Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Listado Funcionarios</a></li>
                    <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> Reporte Funcionarios</a></li>
                </ul>
            </li>
        </ul>
    </section>
</aside>