kalyax
3 years ago
4 changed files with 80 additions and 36 deletions
@ -1,5 +1,34 @@ |
|||||
|
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap'); |
||||
|
|
||||
|
|
||||
|
body{ |
||||
|
background-color: #001a35; |
||||
|
font-family: "Fredorka", sans-serif; |
||||
|
margin: 0; |
||||
|
color: white; |
||||
|
height: 100vh; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.container{ |
||||
|
background-color: #002d5e; |
||||
|
width: 50vw; |
||||
|
text-align: center; |
||||
|
padding: 1em; |
||||
|
border-radius: 10px; |
||||
|
margin: auto; |
||||
|
} |
||||
|
h1{ |
||||
|
margin: 0 0 0.4em 0; |
||||
|
} |
||||
input{ |
input{ |
||||
padding: 0.8em 0.6em; |
border: solid 1px #002d5e; |
||||
border-radius: 20px; |
outline: none; |
||||
background-color: red; |
padding: 0.6em; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
.form-chunck{ |
||||
|
margin-bottom: 0.6em; |
||||
} |
} |
@ -1,35 +1,50 @@ |
|||||
<h1>Content de vous revoir !</h1> |
<!DOCTYPE html> |
||||
<form action="cible_login.php" method="post" id="form"> |
<html lang="fr"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<link rel="stylesheet" href="login.css"> |
||||
|
<title>Connexion</title> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div class="container login"> |
||||
|
<h1>Connexion</h1> |
||||
|
<form action="cible_login.php" method="post" id="form"> |
||||
<div class="form-chunck"> |
<div class="form-chunck"> |
||||
<label for="username">Utilisateur</label> |
<label for="username">Utilisateur</label> |
||||
<input class="input" type="text" name="username"> |
<input class="input" type="text" name="username"> |
||||
<?php if (isset($_GET['error']) AND $_GET['error'] == '2') { echo <<<HTML |
<?php /*if (isset($_GET['error']) AND $_GET['error'] == '2') { echo <<<HTML |
||||
<small>Nom d'utilisateur incorrecte</small> |
<small>Nom d'utilisateur incorrecte</small> |
||||
HTML; } ?> |
HTML; }*/ ?> |
||||
</div> |
</div> |
||||
<div class="form-chunck"> |
<div class="form-chunck"> |
||||
<label for="password">Mot de passe</label> |
<label for="password">Mot de passe</label> |
||||
<input class="input" type="password" name="password" id=""> |
<input class="input" type="password" name="password" id=""> |
||||
<?php if (isset($_GET['error']) AND $_GET['error'] == '3') { echo <<<HTML |
<?php /*if (isset($_GET['error']) AND $_GET['error'] == '3') { echo <<<HTML |
||||
<small>Mot de passe incorrecte</small> |
<small>Mot de passe incorrecte</small> |
||||
HTML; } ?> |
HTML; }*/ ?> |
||||
</div> |
</div> |
||||
<input class="button" type="submit" value="Se connecter"> |
<input class="button" type="submit" value="Se connecter"> |
||||
</form> |
</form> |
||||
<br> |
</div> |
||||
<br> |
|
||||
<h1>Toujours pas de compte chez deuzagio ?</h1> |
<div class="container signin"> |
||||
<form action="cible_sign-up.php" method="post" id="form"> |
<h1>Toujours pas de compte chez deuzagio ?</h1> |
||||
|
<form action="cible_sign-up.php" method="post" id="form"> |
||||
<div class="form-chunck"> |
<div class="form-chunck"> |
||||
<label for="username">Utilisateur</label> |
<label for="username">Utilisateur</label> |
||||
<input class="input" type="text" name="username"> |
<input class="input" type="text" name="username"> |
||||
<?php if (isset($_GET['error']) AND $_GET['error'] == '1') { echo <<<HTML |
<?php /*if (isset($_GET['error']) AND $_GET['error'] == '1') { echo <<<HTML |
||||
<small>Nom d'utilisateur déjà pris</small> |
<small>Nom d'utilisateur déjà pris</small> |
||||
HTML; } ?> |
HTML; }*/ ?> |
||||
</div> |
</div> |
||||
<div class="form-chunck"> |
<div class="form-chunck"> |
||||
<label for="password">Mot de passe</label> |
<label for="password">Mot de passe</label> |
||||
<input class="input" type="password" name="password" id=""> |
<input class="input" type="password" name="password" id=""> |
||||
</div> |
</div> |
||||
<input class="button" type="submit" value="Se connecter"> |
<input class="button" type="submit" value="Se connecter"> |
||||
</form> |
</form> |
||||
|
</div> |
||||
|
</body> |
||||
|
</html> |
Loading…
Reference in new issue