Untitled

<!DOCTYPE html5>
<html lang="es">
  <head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>mpc</title>
    <link rel="stylesheet" href="css/boostrap-dist.css"/>
    <link rel="stylesheet" href="css/flexboxgrid-dist.css">
    <link href="https://file.myfontastic.com/8ypDSzHSaeRKZx2Nz5ntJB/icons.css" rel="stylesheet">
    <link rel="stylesheet" href="css/jquery-confirm-dist.css">
    <link rel="stylesheet" href="css/dataTables-bootstrap-dist.css">
    <link rel="stylesheet" href="css/core-dist.css"/>
    <style>
    	.modulos {
    		display: flex;
    		flex-flow: row wrap;
    	}
    	.modulos a {
    		box-shadow: 0 0
    		display: flex;
    		width: 50%;
    		flex-flow: column wrap;
    		align-items: center;
    		padding:20px 0;
    		background: #444;
    		color: #fff;
    	}
    	.modulos a:hover {
    		background: #fff;
    		color: #444;
    	}
    	</style>
  </head>
  <body>
    <header>
      <a href="#0" class="mover-aside mpc-menu"></a>
      <div class="nav-derecha">
        <a href="#0" class="mpc-mail"></a>
        <a href="#0" class="mpc-bell"></a>
        <div class="dropdown">
          <a href="#0" data-toggle="dropdown">
            <div class="usuario-icono">
              <img src="img/usuarios/x80/10m.jpg" alt="">
            </div>
            <span>Camilo Bermudez</span>
            <i class="mpc-down-mini"></i>
          </a>
          <ul class="dropdown-menu">
            <li><a href="perfil.html"><i class="mpc-user"></i>Perfil</a></li>
            <li><a href="ayuda.html"><i class="mpc-question"></i>Ayuda</a></li>
            <li><a href="index.html"><i class="mpc-power-off"></i>Cerrar sesión</a></li>
          </ul>
        </div>
      </div>
    </header>

    <aside>
      <a href="vehiculos.html"><i class="mpc-book"></i>Vehículos</a>
      <a href="vehiculos.html"><i class="mpc-clipboard"></i>Ficha técnica</a>
      <a href="componentes.html"><i class="mpc-droplet"></i>Componentes</a>
      <a href="#0"><i class="mpc-cogs"></i>Mantenimiento</a>
      <a href="#0"><i class="mpc-chart-bar"></i>Estadisticas</a>
      <a href="#0"><i class="mpc-book-1"></i>Reportes</a>
      <a href="lista_usuarios.html"><i class="mpc-users"></i>Usuarios</a>
    </aside>

    <main>
      <!-- Miga de pan -->
      <div class="row sin-margen caja miga">
        <div class="col-xs-12 col-sm-6">
          <ol class="breadcrumb">
            <li class="active"><i class="mpc-home"></i>Inicio</li>
          </ol>
        </div>
      </div>
      <!-- Contenido -->
      <div class="row sin-margen caja miga">
      	<div class="col-xs-12 modulos">
      		<a href="lista_usuarios.html"><i class="mpc-book"></i>Vehículos</a>
      		<a href="lista_usuarios.html"><i class="mpc-list-alt"></i>Ordenes</a>
      		<a href="lista_usuarios.html"><i class="mpc-book-1"></i>Reportes</a>
      		<a href="lista_usuarios.html"><i class="mpc-user"></i>Usuarios</a>
      	</div>
      </div>
    </main>

    <!-- JavaScript -->

    <script src="js/jquery-dist.js"></script>
    <script src="js/boostrap-dist.js"></script>
    <script src="js/jquery-confirm-dist.js"></script>
    <script src="js/jquery-datatables-dist.js"></script>
    <script src="js/dataTables-boostrap-dist.js"></script>
    <script src="js/core-dist.js"></script>
    <script type="text/javascript">

    </script>
  </body>
</html>