page connexion

10 months ago · 846f330125
parent 233e0cf9ed
commit 846f330125
2 changed files with 77 additions and 6 deletions
--- a/pages/login.html
+++ b/pages/login.html
@ -1,13 +1,32 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="fr">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../styles/styleLogin.css" media="screen">
-    <title>Wiki Fantasy : Login</title>
-    <link rel="icon" href="./images/Logo.ico">
+    <title>Wiki Fantasy : Connexion</title>
+    <link rel="icon" href="../images/Logo.ico">
 </head>
 <body>
-    <p>Login</p>
+    <h1>▶ Connexion ◀</h1>
+
+    <div class="login">
+        <p> <strong>Identifiant *</strong></p>
+        <input type="text" class="connexion" name="name"/>
+
+        <p> <strong> Mot de passe *</strong></p>
+        <input type="password" class="connexion" name="name"/>
+
+        <div class="createAccount">
+            <p class="createAccount">Vous n'avez pas de compte?</p>
+            <a href="signin.html" class="createAccount">S'incrire</a>
+        </div>
+        
+
+        <div class="buttonSudmiteDiv">
+            <button class="buttonSudmite">Connexion</button>
+        </div>
+        
+    </div>
 </body>
 </html>
--- a/styles/styleLogin.css
+++ b/styles/styleLogin.css
@ -2,7 +2,59 @@ body{
 	background-color: #120b1d ;
 }

+h1{
+	color : white;
+	font-family: Lemon;
+	text-align: center;
+	font-size: 32px;
+}
+
 p{
 	color : white;
-	font-family: lemon;
-}
+	font-size: 20px;
+	font-family: Lemon;
+}
+
+.login{
+	background-color: black;
+	width: 30%;
+	margin-left: 33%;
+	margin-top: 3%;
+	border-radius: 25px;
+	padding: 2%;
+}
+
+.connexion{
+	width:90%;
+	height: 40px;
+	padding-left: 3%;
+	margin-left: 1%;
+	margin-top: -1%;
+	border-radius: 25px;
+	border: none;
+	font-size: 15px;
+}
+
+
+.createAccount{
+	margin-top: 5%;
+	margin-bottom: 5%;
+	font-size: 13px;
+	text-align: center;
+	color: white;
+}
+
+
+.buttonSudmiteDiv{
+	text-align: center;
+}
+
+.buttonSudmite{
+	background: linear-gradient(90deg, #6100ff 0%, #1b0048 100%);  
+	border: none;
+	color: white;
+	padding: 2%;
+	border-radius: 25px;
+	width: 75%;
+	font-size: 20px;
+}