49 lines
2.1 KiB
PHP
49 lines
2.1 KiB
PHP
<?php include 'includes/config.php'; ?>
|
|
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>DiploMaster - Login</title>
|
|
<link rel="stylesheet" href="assets/css/styles.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div id="login-container" class="login-container">
|
|
<div class="login-card">
|
|
<div class="logo-container">
|
|
<svg class="logo-icon" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z"/>
|
|
</svg>
|
|
<h1>DiploMaster</h1>
|
|
</div>
|
|
<p class="welcome-text">Sistema de gestión de diplomas para profesores</p>
|
|
|
|
<form id="loginForm" action="api/login.php" method="POST">
|
|
<div class="input-group">
|
|
<svg class="input-icon" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"/>
|
|
</svg>
|
|
<input type="email" id="email" name="email" placeholder="Email" required>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<svg class="input-icon" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"/>
|
|
</svg>
|
|
<input type="password" id="password" name="password" placeholder="Contraseña" required>
|
|
</div>
|
|
|
|
<button class="btn login-btn" type="submit">
|
|
<span>Iniciar sesión</span>
|
|
<svg class="btn-icon" viewBox="0 0 24 24">
|
|
<path fill="currentColor" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"/>
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|