index.html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Formulario de inicio de sesión</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="estilos.css">
</head>
<body>
  <div class="contenedor">
    <h1>Inicia sesión</h1>
    <form>
      <input type="email" id="email" placeholder="Correo electrónico" required>
      <input type="password" id="password" placeholder="Contraseña" required>
      <button type="submit">Iniciar sesión</button>
    </form>
    <div class="mensaje-error" id="mensaje-error">
      <p>¡Ups! Ha habido un error. Por favor, inténtalo de nuevo.</p>
    </div>
    <div class="mensaje-exito" id="mensaje-exito">
      <p>Inicio de sesión exitoso. Redirigiendo...</p>
    </div>
  </div>
  <script src="app.js"></script>
</body>
</html>