You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.7 KiB
46 lines
1.7 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Connection</title>
|
|
<link rel="stylesheet" href="login.css">
|
|
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
|
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<form action="#" method="POST">
|
|
<h3>Se connecter :</h3>
|
|
<div class="Input">
|
|
<span>Identifiant (eMail)</span>
|
|
<div class="box">
|
|
<div class="icon">
|
|
<ion-icon name="person-circle-outline"></ion-icon>
|
|
</div>
|
|
<input type="input" class="form__field" placeholder="email" name="name" id='name' required />
|
|
</div>
|
|
</div>
|
|
<div class="Input">
|
|
<span>Mot de passe</span>
|
|
<div class="box">
|
|
<div class="icon">
|
|
<ion-icon name="lock-closed"></ion-icon>
|
|
</div>
|
|
<input type="password" class="form__field" placeholder="mot de passe" name="password" id="password" required>
|
|
</div>
|
|
</div>
|
|
<label>
|
|
<input type="checkbox">Se souvenir de moi
|
|
</label>
|
|
<div class="Input">
|
|
<div class="box">
|
|
<input type="submit" value="Se connecter" >
|
|
</div>
|
|
</div>
|
|
|
|
<a href="#" class="forgot">J'ai oublier mon mot de passe</a>
|
|
<br><a href="register.html" class="register">Je n'ai pas encore de compte</a>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |