<%- include("template/head.ejs", {tituloWeb:"Inicio de sesión"})%>
    <link rel="stylesheet" href="css/login.css">
    </head>

    <body class="login">
        <main class="container-fluid mainlogin">

            <div class="container-fluid">
                <div class="row justify-content-center containerFormat">
                    <form class="rounded bg-dark p-4 text-white loginFormat align-self-center">
                        <div class="mt-2 text-center">
                            <h1 class="display-6">Iniciar Sesión</h1>
                        </div>
                        <div class="mb-3 pt-4 ps-5 pe-5">
                            <label for="username" class="form-label">Nombre de usuario</label>
                            <input type="text" class="form-control" id="username" placeholder="Tu nombre de usuario">
                        </div>
                        <div class="mb-3 pt-4 ps-5 pe-5">
                            <label for="exampleInputPassword1" class="form-label">Contraseña</label>
                            <input type="password" class="form-control" id="exampleInputPassword1"
                                placeholder="Tu contraseña">
                        </div>
                        <div class="row justify-content-center">
                            <button type="submit" class="btn btn-success mt-5 buttonFormat">Iniciar Sesión</button>
                        </div>
                    </form>
                </div>
            </div>
        </main>
            <%- include("template/footer.ejs")%>