parent
5b0726539b
commit
c80a3b2ea3
|
After Width: | Height: | Size: 826 B |
|
After Width: | Height: | Size: 58 KiB |
@ -0,0 +1,52 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<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/styleProfil.css" media="screen">
|
||||||
|
<title>Wiki Fantasy : Profil</title>
|
||||||
|
<link rel="icon" href="../images/Logo.ico">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Lemon&display=swap" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<div class="header">
|
||||||
|
<div class="nav">
|
||||||
|
<img src="../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false">
|
||||||
|
<img src="../images/dark.svg" alt="dark" width="72px" height="37px" onmousedown="return false">
|
||||||
|
<img src="../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
|
||||||
|
</div>
|
||||||
|
<div class="logo">
|
||||||
|
<img src="../images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="login">
|
||||||
|
<h1>▶ Profil ◀</h1>
|
||||||
|
|
||||||
|
|
||||||
|
<img src="../images/imageProfil.png" class="imageProfil" onmousedown="return false"/>
|
||||||
|
|
||||||
|
<p class="nameProfil"> <strong> Tyler De Dordogne</strong></p>
|
||||||
|
|
||||||
|
<p class="nameProfil"> <strong> user@wikiFantasy.com</strong></p>
|
||||||
|
<p class="nameProfil"> <strong> *********</strong></p>
|
||||||
|
|
||||||
|
<div class="languageDiv">
|
||||||
|
<p class="languageTitle">Language :</p>
|
||||||
|
</div>
|
||||||
|
<img class="languageImage" src="../images/drapeauFrance.png" onmousedown="return false"/>
|
||||||
|
|
||||||
|
<div class="createQuote">
|
||||||
|
<a href="rien" class="createQuote">Ajouter une citation</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="buttonSudmiteDiv">
|
||||||
|
<button class="buttonSudmite">Se déconnecter</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,83 @@
|
|||||||
|
@import url(./style.css);
|
||||||
|
|
||||||
|
|
||||||
|
h1{
|
||||||
|
color : white;
|
||||||
|
font-family: "Lemon", serif;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 35px;
|
||||||
|
margin-top: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
p{
|
||||||
|
margin-top: 6%;
|
||||||
|
margin-bottom: 2%;
|
||||||
|
color : white;
|
||||||
|
font-size: 20px;
|
||||||
|
font-family: "Lemon", serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.buttonSudmite{
|
||||||
|
background: linear-gradient(90deg, #6100ff 0%, #1b0048 100%);
|
||||||
|
font-family: "Lemon", serif;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 5%;
|
||||||
|
border-radius: 25px;
|
||||||
|
width: 75%;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.buttonSudmiteDiv{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.createQuote{
|
||||||
|
margin-top: 5%;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
font-size: 15px;
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 1%;
|
||||||
|
color: white;
|
||||||
|
font-family: "Lemon", serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login{
|
||||||
|
background-color: black;
|
||||||
|
width: 30%;
|
||||||
|
margin-left: 35%;
|
||||||
|
margin-top: 9%;
|
||||||
|
border-radius: 25px;
|
||||||
|
padding-top: 1px;
|
||||||
|
padding-bottom: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imageProfil{
|
||||||
|
width: 25%;
|
||||||
|
border-radius: 25px;
|
||||||
|
display:block;
|
||||||
|
margin-left: 38%;
|
||||||
|
margin-top: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nameProfil{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 120%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.languageDiv{
|
||||||
|
margin-left: 25%;
|
||||||
|
}
|
||||||
|
.languageTitle{
|
||||||
|
text-align: left;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
.languageImage{
|
||||||
|
width: 300px;
|
||||||
|
height: 40px;
|
||||||
|
margin-left: 25%;
|
||||||
|
display:block;
|
||||||
|
}
|
||||||
Loading…
Reference in new issue