40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>P'titsPas - Connexion</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Merienda:wght@400;600&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<img src="assets/river.png" alt="" class="river" aria-hidden="true">
|
|
|
|
<main class="login-container">
|
|
<img src="assets/logo.png" alt="P'titsPas" class="logo">
|
|
<h1 class="slogan">Grandir pas à pas, sereinement</h1>
|
|
|
|
<form class="login-form">
|
|
<div class="form-group">
|
|
<label for="email">Adresse e-mail</label>
|
|
<input type="email" id="email" name="email"
|
|
placeholder="Votre adresse e-mail"
|
|
aria-label="Saisissez votre adresse e-mail"
|
|
required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="password">Mot de passe</label>
|
|
<input type="password" id="password" name="password"
|
|
placeholder="Votre mot de passe"
|
|
aria-label="Saisissez votre mot de passe"
|
|
required>
|
|
</div>
|
|
|
|
<button type="submit" class="login-button">
|
|
Se connecter
|
|
</button>
|
|
</form>
|
|
</main>
|
|
</body>
|
|
</html> |