{HEADER}

<main id="main">

  <div class="container col-xl-10 col-xxl-8 px-4 py-5 mt-3">
    <div class="row align-items-center g-lg-5 py-5">
      <div class="col-lg-6 text-center text-lg-start">
        <h1 class="display-4 fw-bold lh-1 mb-3">Identificate</h1>
        <p class="col-lg-10 fs-4">Lorem ipsum consectet.</p>
      </div>
      <div class="col-lg-6 col-md-10 mx-auto">
        <form action="areaclientes-acceso" method="POST"class="p-4 p-md-5 border rounded-3 bg-light">
          <input type="hidden" name="identificate" value="1">
          <div class="form-floating mb-3">
            <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
            <label for="floatingInput">Email</label>
          </div>
          <div class="form-floating mb-3">
            <input type="password" class="form-control" id="floatingPassword" placeholder="Contraseña">
            <label for="floatingPassword">Contraseña</label>
          </div>
          <div class="mb-2">
              ¿Olvidaste tu contraseña?
          </div>
          <button class="w-100 btn btn-lg btn-primary" type="submit">Entrar</button>
          <small class="text-muted">Al hacer clic en Entrar, acepta los términos de uso.</small>
          <hr class="my-3">
          <button class="w-100 btn btn-lg btn-primary mb-2" type="submit">Crear Cuenta</button>
        </form>
      </div>
    </div>
  </div>

</main><!-- End #main -->

{FOOTER}