<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="login.css">
<title>G-SPORTS</title>
<script src="https://kit.fontawesome.com/eb496ab1a0.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="navegacion">
<img src="LOGO.png" alt="logo" height="80" width="300">
</h1>
<Nav>
<ul>
<li class="listas"><td><a href="Login.html"><input type="button"
id="boton" value="Login"></a></td>
<li class="listas"><td><a href="Index.html"><input type="button"
id="boton" value="inicio"></a></td>
<li class="listas"><td><a href="Categoria.html"><input type="button"
id="boton" value="Categoria"></a></td>
<li class="listas"><td><a href="Ventas.html"><input type="button"
id="boton" value="Ventas"></a></td>
</ul>
</Nav>
</div>
<div class="login-container">
<form>
<h2>Login</h2>
<div class="input-container">
<label for="username">Usuario:</label>
<input type="text" id="username" name="username" placeholder="Ingrese su usuario">
</div>
<div class="input-container">
<label for="password">Contraseña:</label>
<input type="password" id="password" name="password" placeholder="Ingrese su contraseña">
</div>
<button type="submit">Ingresar</button>
</form>
</div>
<footer class="pie-pagina">
<div class="grupo-1">
<div class="box">
<figure>
<a href="#">
<img src="LOGO.png" alt="Logo de SLee Dw">
</a>
</figure>
</div>
<div class="box">
<h2>Enlaces Externos</h2>
<p>https://www.smai.com/</p>
<p>https://www.sportline.com.ni/marcas/nike.html</p>
<p>https://www.rawlings.com/</p>
</div>
<div class="box">
<h2>SIGUENOS</h2>
<div class="red-social">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-youtube"></a>
</div>
</div>
</div>
<div class="grupo-2">
<small>© 2023 <b>G-SPORTS</b> - Todos los Derechos Reservados.</small>
</div>
</body>
</html>