<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Login - ContratandoGT</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- Bootstrap -->
  <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Bootstrap iconos-->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">

  <!-- css -->
  <link rel="stylesheet" href="css/style.css">

</head>
<body>



<!--  NAVBAR -->
<nav class="navbar navbar-expand-lg bg-white shadow-sm">
  <div class="container">
    
  <!--  <a class="navbar-brand fw-bold" href="#">CONTRATANDOGT</a> -->

 <!-- LOGO -->
    <a class="navbar-brand fw-bold" href="#">
      <img src="img/logo_1.png" alt="Logo" height="40">
    </a>

    <!-- BOTON DE DESPLIEGUE -->
    <button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#menu">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="menu">
      <ul class="navbar-nav mx-auto">
        <li class="nav-item"><a class="nav-link" href="index.html">Inicio</a></li>
        <li class="nav-item"><a class="nav-link" href="empleo.html">Empleos</a></li>
        <li class="nav-item"><a class="nav-link" href="empresa.html">Empresas</a></li>
        <li class="nav-item"><a class="nav-link" href="recursos.html">Recursos</a></li>
      </ul>

    <!--  <a href="#" class="btn btn-outline-primary me-2">Login</a>   -->
    <!--  <a href="#" class="btn btn-primary">Registrarse</a>   -->
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#registroModal">
            Registrarse
        </button>

    </div>
  </div>
</nav>


<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-10 col-lg-7">
            <div class="card login-card shadow-sm p-4">
        
        
                    <div class="text-center mb-4">
                        <h3 class="fw-bold">Bienvenido de nuevo</h3>
                        <p class="text-muted">Ingresa a tu cuenta</p>
                    </div>
        
                    <form>
                        <div class="mb-3">
                            <label class="form-label">Correo electrónico</label>
                            <input type="email" class="form-control" placeholder="nombre@ejemplo.com">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Contraseña</label>
                            <input type="password" class="form-control" placeholder="••••••••">
                        </div>
                        <div class="mb-3 form-check">
                            <input type="checkbox" class="form-check-input" id="remember">
                            <label class="form-check-label" for="remember">Recordarme</label>
                        </div>
                        <button type="submit" class="btn btn-primary w-100 py-2 fw-bold">Iniciar Sesión</button>
                    </form>

                    <div class="text-center mt-4">
                        <p class="text-muted small">¿No tienes cuenta? <a href="registro.html" class="text-primary text-decoration-none">Regístrate aquí</a></p>
                    </div>
    
            </div>
        </div>
    </div>
</div>

<?= view('partials/footer') ?>



<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>