Cliquez sur le « + » pour poster un commentaire sur le mur interactif. by https://padlet.com/digitalfactorycd/m98qa0tiqnjy0u7g en-us 2023-10-26 11:47:37 UTC 2025-04-24 07:36:44 UTC hello@padlet.com https://padlet.com/digitalfactorycd/m98qa0tiqnjy0u7g/wish/3016558754 <!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Inscription</title>

<style>

body {

font-family: Arial, sans-serif;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

margin: 0;

}

.form-container {

border: 1px solid #ccc;

padding: 20px;

border-radius: 5px;

box-shadow: 0 0 10px rgba(0,0,0,0.1);

width: 300px;

background-color: #fff;

}

.form-container h1 {

text-align: center;

margin-bottom: 20px;

}

.form-container label {

display: block;

margin-bottom: 5px;

}

.form-container input[type="text"],

.form-container input[type="email"],

.form-container input[type="password"] {

width: 100%;

padding: 10px;

margin-bottom: 10px;

border: 1px solid #ccc;

border-radius: 5px;

}

.form-container input[type="checkbox"] {

margin-right: 10px;

}

.form-container .checkbox-container {

display: flex;

align-items: center;

}

.form-container .actions {

display: flex;

justify-content: space-between;

align-items: center;

}

.form-container .actions a {

color: #007BFF;

text-decoration: none;

}

.form-container .actions a:hover {

text-decoration: underline;

}

.form-container button {

padding: 10px 20px;

border: none;

border-radius: 5px;

background-color: #007BFF;

color: white;

cursor: pointer;

}

.form-container button:hover {

background-color: #0056b3;

}

</style>

</head>

<body>

<div class="form-container">

<h1>Créer un compte</h1>

<form action="#" method="post">

<label for="username">Nom d’utilisateur :</label>

<input type="text" id="username" name="username" required>

<label for="email">Adresse email :</label>

<input type="email" id="email" name="email" required>

<label for="password">Mot de passe :</label>

<input type="password" id="password" name="password" required>

<label for="confirm-password">Confirmation du mot de passe :</label>

<input type="password" id="confirm-password" name="confirm-password" required>

<div class="checkbox-container">

<input type="checkbox" id="stay-logged-in" name="stay-logged-in">

<label for="stay-logged-in">Rester connecté</label>

</div>

<div class="actions">

<a href="#">Déjà un compte</a>

<button type="submit">Valider</button>

</div>

</form>

</div>

</body>

</html>


]]> 2024-06-03 13:55:49 UTC https://padlet.com/digitalfactorycd/m98qa0tiqnjy0u7g/wish/3016558754