| <!DOCTYPE html> | |
| <html lang="es" data-bs-theme="dark"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Login</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" | |
| integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> | |
| <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=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" | |
| rel="stylesheet"> | |
| <link rel="stylesheet" href="/css/login.css"> | |
| </head> | |
| <body class="vh-100"> | |
| <section class="h-100"> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="col-sm-6 text-white"> | |
| <div class="px-5 ms-xl-4 mt-5"> | |
| <i class="fas fa-crow fa-2x me-3 pt-5 mt-xl-4" style="color: #709085;"></i> | |
| <p class="h1 fw-bold mb-0">Portal Cautivo ITSZ</p> | |
| </div> | |
| <div class="d-flex align-items-center px-5 ms-xl-4 mt-5 pt-5 pt-xl-0 mt-xl-n5"> | |
| <form style="width: 23rem;" action="/controllers/controllerLogin.php" method="post"> | |
| <h3 class="fw-normal mb-3 pb-3 fw-bold" style="letter-spacing: 1px;">Ingresa</h3> | |
| <div data-mdb-input-init class="form-outline mb-4"> | |
| <input type="email" id="form2Example18" name="correo" | |
| class="form-control form-control-lg" /> | |
| <label class="form-label fw-bold" for="form2Example18">Correo institucional</label> | |
| </div> | |
| <div data-mdb-input-init class="form-outline mb-4"> | |
| <input type="password" id="form2Example28" name="contrasena" | |
| class="form-control form-control-lg" /> | |
| <label class="form-label fw-bold" for="form2Example28">Password</label> | |
| </div> | |
| <div class="pt-1 mb-4"> | |
| <button data-mdb-button-init data-mdb-ripple-init class="btn btn-info btn-lg btn-block" | |
| type="submit">Entrar</button> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| <div class="col-sm-6 px-0 d-none d-sm-block"> | |
| <img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-login-form/img3.webp" | |
| alt="Login image" class="w-100 vh-100" style="object-fit: cover; object-position: left;"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" | |
| integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" | |
| crossorigin="anonymous"></script> | |
| </body> | |
| </html> |