Skip to content
Snippets Groups Projects
Commit 55deeaf6 authored by LAMRINI Houda's avatar LAMRINI Houda
Browse files

Edit index.html ajout de styling

parent b9f91f92
No related branches found
No related tags found
No related merge requests found
Pipeline #47315 failed
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test de Force de Mot de Passe</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
width: 350px;
}
h1 {
color: #333;
}
label {
font-size: 16px;
font-weight: bold;
}
input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
button {
background-color: #007bff;
color: white;
border: none;
padding: 10px 15px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
width: 100%;
}
button:hover {
background-color: #0056b3;
}
.result {
margin-top: 15px;
font-size: 18px;
font-weight: bold;
color: #444;
}
</style>
</head>
<body>
<h1>Testez la force de votre mot de passe</h1>
<div class="container">
<h1>Testez la force de votre mot de passe 🔒</h1>
<form method="POST">
<label for="password">Mot de passe :</label>
<input type="password" id="password" name="password" required>
<button type="submit">Tester</button>
</form>
<h2>Résultat : </h2>
<p>{{ result }}</p>
<div class="result">
{{ result }}
</div>
</div>
</body>
</html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment