refonte arborescence + correction des chemins

2025-12-09 17:14:35 +01:00
parent f0fbae505f
commit f79ee1e7b6
40 changed files with 185 additions and 144 deletions
--- a/connexion/html/mot_de_passe_oublie.html
+++ b/connexion/html/mot_de_passe_oublie.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Mot de passe oublié</title>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
+    />
+
+    <style>
+      body {
+        background: #f4f6f981;
+        height: 100vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+      .forgot-password-card {
+        width: 100%;
+        max-width: 380px;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="card shadow forgot-password-card">
+      <div class="card-body p-4">
+        <h3 class="text-center mb-4">Mot de passe oublié</h3>
+        <p>
+          Nous avons besoin de votre adresse mail pour pouvoir réinitialiser
+          votre mot de passe.
+        </p>
+        <form>
+          <div class="mb-3">
+            <label class="form-label">Adresse e-mail</label>
+
+            <input
+              type="email"
+              class="form-control"
+              placeholder="exemple@mail.com"
+            />
+          </div>
+
+          <button class="btn btn-primary w-100">
+            Réinitialiser le mot de passe
+          </button>
+
+          <div class="text-center mt-3">
+            <a
+              href="../html/page_de_connexion.html"
+              class="text-decoration-none"
+              >Retour à la connexion</a
+            >
+          </div>
+        </form>
+      </div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+  </body>
+</html>