<!DOCTYPE html>
<html lang="en">
<head>
<title>Login EPP</title>
<link rel="icon" type="image/png" href="../img/icono.png"><!-- Cambia el icono de los titulos en las pestañas ico 16X16 -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="../css/login.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<!--===============================================================================================-->
</head>
<body background="images/SketchMuebles.jpg">
<div class="contenedor" id="contenedor">
<div class="form-container sign-in">
<form action="login.php" method="post">
<h1>Iniciar Sesion</h1>
<!--<div class="social-icons">
<a href="#" class="icon">
<i class="fa-brands fa-google-plus-g"></i>
</a>
<a href="#" class="icon">
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="icon">
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="icon">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</div>-->
<span>Ingresa tu usuario y contraseña para iniciar sesion</span>
<input name="user" type="text" placeholder="Nombre">
<input name="pass" type="password" placeholder="Contraseña">
<a href="#">Olvidaste tu contraseña?</a>
<button>Acceso</button>
</form>
</div>
<div class="toggle-container">
<div class="toggle">
<div class="toggle-panel toggle-right">
<h1>Hola!</h1>
<p>Bienvenidos al portal de entrega de EPP Avicampo.</p>
</div>
</div>
</div>
</div>
<script src="../js/login.js"></script>
</body>
</html>