<!doctype html>
<html lang="es-es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content=" German Franco">
    <meta name="generator" content="Hugo 0.84.0">
    
    <title>INICIO POSCLOUD</title>
    <link rel="icon" href="../public/img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="public/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="public/css/jquery.modal.css">
    <link rel="stylesheet" type="text/css" href="public/css/signin.css">
   
  

<!-- 
   
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Hubballi&display=swap" rel="stylesheet"> -->
 
    
    <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    
     -->
     

    

    
 

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>
    
    <!-- Custom styles for this template -->
  
  </head>
  <body class="text-center " background="public/img/fondo.jpg">

    
<main class="form-signin">
  <form action="controlador/conexion/login.php"  method="POST">
    <img class="mb-4" src="public/img/logo.jpg" alt="" width="160" height="160">
    <h1 class="h3 mb-3 fw-normal">Inicia Sesión</h1>

    <div class="form-floating">
      <input type="text" class="form-control"    name="usuario" id="usuario" placeholder="name" required="">
      <label for="floatingInput">Usuario</label>
    </div>
    <div class="form-floating">
      <input type="password" class="form-control" id=" pass" name="pass" placeholder="Password" required="">
      <label for="floatingPassword">Clave</label>
    </div>

    <div class="checkbox mb-3">
    
    
            <div style="align-items: center;"><button class="w-100 btn btn-success" name="ingreso"  id="btnLogin" type="submit">Ingresar</button></div>
            
      
    </div>
    
    <br>
    <br>
    <br>
    <h6>© Derechos reservados&nbsp;<a href="German Franco" target="_blank">PosCloud</a> </h6><p><span class="badge bg-success"></p><p id= "demo" style="font-weight: bold;"></p> <p style="font-size: 10px; color:#134481;">German Franco </p> 
  </form>
</main>



<!-- <script src="public/js/bootstrap.min.js"></script> 
 
   <script>
   const d = new Date();
    let year = d.getFullYear();
    document.getElementById("demo").innerHTML = year;
   </script> 

 
  </body> -->
</html>
