index.html 1.69 KB
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Login</title>
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
		      rel="stylesheet"
		      integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
		      crossorigin="anonymous">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
			integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//E1J19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
			crossorigin="anonymous">
		</script>
	</head>
	<body class="text-center">
		<main class="form-signin">
			<form method="POST" action="login.php">
				<div class="container">
					<div class="row">
						<div style="margin-top: 13rem!important; padding-left: 20rem!important; padding-right: 20rem!important;">
							<div class="login-panel panel panel-default">
								<div class="panel-heading">
									<!--Ajouter photo-->
		 						</div>
							<div class="panel-body">
								<h1 class="h3 mb-3 fw-normal">Veuillez vous identifier.</h1>
							</div>
							<div class="panel-body">
								<div class="form-floating">
									<input type="text" class="form-control" name="identifiant" id="identifiant" placeholder="Identifiant" required="true">
									<label for="identifiant">Identifiant (8 caractères max)</label>
								</div>
								<div class="form-floating">
									<input type="password" class="form-control" name="mdp"  id="mdp" placeholder="Mot de passe" required="true">
									<label for="mdp">Mot de passe</label>
								</div>
								<button class="w-100 btn btn-lg btn-primary" type="submit">Connexion</button>
							</div>
						</div>
					</div>
				</div>
			</form>
		</main>
	</body>
</html>