File size: 3,239 Bytes
3858bb4 c08c6e7 146055d 3858bb4 d428e3f 3858bb4 146055d 68f5ca7 d428e3f 2165015 d428e3f 2165015 d428e3f 146055d 7e6a937 146055d 75dfb28 2165015 146055d d428e3f 0ff1994 2165015 d428e3f 146055d d428e3f 0ff1994 2165015 3858bb4 146055d d428e3f f335c73 d428e3f 146055d d428e3f 146055d d428e3f 3858bb4 146055d 3858bb4 1ea0de7 3858bb4 146055d 3858bb4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<!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> |