<script src="https://kit.fontawesome.com/299e6ed7e2.js" crossorigin="anonymous"></script>

<div class="item">
<a href="./asistencia.php">
        <div class="icon"><img src="icons/asistencia.png" title="Usuarios"></div>
        <div class="title"><span>Asistencia</span></div>
    </a>
</div>
<div class="item separator"></div>
<div class="item">
    <a href="./prenomina.php">
        <div class="icon"><img src="icons/lista.png" title="Cargar Prenomina"></div>
        <div class="title"><span>Prenóminas</span></div>
    </a>
</div>
<div class="item separator"></div>
<div class="item">
    <a href="./listadoPrenomina.php">
        <div class="icon"><img src="icons/lista.png" title="Cargar Prenomina"></div>
        <div class="title"><span>Periodos Prenóminas</span></div>
    </a>
</div>
<!--<div class="item separator"></div>-->
<div class="item">
    <a href="./terminales.php">
        <div class="icon"><img src="icons/equipo.png" title="Facturación"></div>
        <div class="title"><span>Terminales</span></div>
    </a>
</div>
<!--
<div class="item">
    <a href="./cargaGasolina.php">
        <div class="icon"><img src="icons/gasolina.png" title="Gasolina"></div>
        <div class="title"><span>Gasolina</span></div>
    </a>
</div>
<div class="item separator"></div>
<div class="item">
    <a href="./proveedores.php">
        <div class="icon"><img src="icons/proveedores.png" title="Proveedores"></div>
        <div class="title"><span>Proveedores</span></div>
    </a>
</div>
<div class="item">
    <a href="./partes.php">
        <div class="icon"><img src="icons/partes.png" title="Partes"></div>
        <div class="title"><span>Partes</span></div>
    </a>
</div>
<div class="item">
    <a href="./unidades.php">
        <div class="icon"><img src="icons/unidades.png" title="Unidades"></div>
        <div class="title"><span>Unidades</span></div>
    </a>
</div>
<div class="item">
    <a href="./marcas.php">
        <div class="icon"><img src="icons/marcas.png" title="Marcas"></div>
        <div class="title"><span>Marcas</span></div>
    </a>
</div>
<div class="item">
    <a href="./modelos.php">
        <div class="icon"><img src="icons/modelos.png" title="Modelos"></div>
        <div class="title"><span>Modelos</span></div>
    </a>
</div>
<div class="item">
    <a href="./choferes.php">
        <div class="icon"><img src="icons/choferes.png" title="Choferes"></div>
        <div class="title"><span>Choferes</span></div>
    </a>
</div>
<div class="item">
    <a href="./sucursales.php">
        <div class="icon"><img src="icons/sucursales.png" title="Sucursales"></div>
        <div class="title"><span>Sucursales</span></div>
    </a>
</div>
<div class="item">
    <a href="./departamentos.php">
        <div class="icon"><img src="icons/departamentos.png" title="Departamentos"></div>
        <div class="title"><span>Departamentos</span></div>
    </a>
</div>
<div class="item separator"></div>
<div class="item">
    <a href="./reportes.php">
        <div class="icon"><img src="icons/reportes.png" title="Reportes"></div>
        <div class="title"><span>Reportes</span></div>
    </a>
</div>
<div class="item separator"></div>
<div class="item">
    <a href="./salir.php">
        <div class="icon"><img src="icons/salir.png" title="Salir"></div>
        <div class="title"><span>Salir del sistema</span></div>
    </a>
</div>-->