add login page

Salome28 · Jul 10, 2024 · ad0a83b · ad0a83b
1 parent 795ce61
commit ad0a83b
Showing 1 changed file with 45 additions and 0 deletions.
diff --git a/pageAuthenfication.html b/pageAuthenfication.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <!-- entête de la page -->
+    <meta charset="utf-8" />
+    <title> Authentification </title>
+    <link rel="stylesheet" href="styleLogin.css"/>
+    <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
+    <script type="text/javascript" src="jquery-3.7.1.min.js"></script>
+</head>
+<body>
+<div class="wrapper">
+    <form id="loginForm" method="post" action="EspacePerso.html">
+        <h1> Login </h1>
+        <div class="input-box">
+            <input type="text" name="login" placeholder="Identifiant" required>
+            <i class='bx bxs-user'></i>
+        </div>
+
+        <h1> Mot de Passe </h1>
+        <div class="input-box">
+            <input type="password" name="mdp" placeholder="Mot de Passe" required>
+            <i class='bx bxs-lock-alt'></i>
+        </div>
+        <p id="retour"></p>
+        <br>
+        <div class="remember-forgot">
+            <label><input type="checkbox"> Remember me</label>
+            <br>
+            <a href="#">Forgot password ?</a>
+        </div>
+        <br>
+        <button type="button" id="submitBtn" class="btn"> Se connecter</button>
+    </form>
+</div>
+
+<script>
+    $("#submitBtn").on({
+				"click":function(){
+					$("#loginForm").submit();
+				}
+			})
+</script>
+</body>
+</html>