WhatTheFantasy
/
WF-Website
14
1
Fork 0
Code Issues 19 Pull Requests Packages Projects 1 Releases Wiki Activity

page connexion

Browse Source
remotes/origin/master
Leni BEAULATON 10 months ago
parent 233e0cf9ed
commit 846f330125
2 changed files with 77 additions and 6 deletions
Show Stats Download Patch File Download Diff File

27
pages/login.html
Unescape View File

@ -1,13 +1,32 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../styles/styleLogin.css" media="screen"> <link rel="stylesheet" type="text/css" href="../styles/styleLogin.css" media="screen">
<title>Wiki Fantasy : Login</title> <title>Wiki Fantasy : Connexion</title>
<link rel="icon" href="./images/Logo.ico"> <link rel="icon" href="../images/Logo.ico">
</head> </head>
<body> <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> </body>
</html> </html>

56
styles/styleLogin.css
Unescape View File

@ -2,7 +2,59 @@ body{
background-color: #120b1d ; background-color: #120b1d ;
} }
h1{
color : white;
font-family: Lemon;
text-align: center;
font-size: 32px;
}
p{ p{
color : white; 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;
}

Write Preview
Loading…
Cancel
Save