parent
89ee87c59e
commit
199d76ec52
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 269 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
@ -1,12 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Wiki Fantasy</title>
|
||||
<link rel="icon" href="./images/Logo.ico">
|
||||
<link rel="icon" href="../images/Logo.ico">
|
||||
<link rel="stylesheet" href="../style/style.css">
|
||||
</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>
|
||||
</div>
|
||||
<h1>Wiki Fantasy</h1>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,12 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Wiki Fantasy</title>
|
||||
<link rel="icon" href="./images/Logo.ico">
|
||||
<link rel="icon" href="../images/Logo.ico">
|
||||
<link rel="stylesheet" href="../style/style.css">
|
||||
</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>
|
||||
</div>
|
||||
<h1>Wiki Fantasy</h1>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,55 @@
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header{
|
||||
display: flex;
|
||||
position: fixed;
|
||||
background-color: #000000;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.nav{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
vertical-align: center;
|
||||
gap: 30px;
|
||||
width: 40%;
|
||||
filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(157deg) brightness(103%) contrast(101%) ;
|
||||
}
|
||||
.nav img:hover{
|
||||
fill:url(#Gradient1);
|
||||
}
|
||||
|
||||
|
||||
.logo{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
|
||||
#Gradient1 {
|
||||
offset: 0%; stop-color: rgba(27,0,72,1);
|
||||
offset: 100%; stop-color: rgba(97,0,255,1);
|
||||
/*<stop class="stop1" offset="0%" />
|
||||
<stop class="stop2" offset="50%" />
|
||||
<stop class="stop3" offset="100%" />*/
|
||||
}/*
|
||||
<linearGradient id="Gradient2" x1="0" x2="0" y1="0" y2="1">
|
||||
<stop offset="0%" stop-color="red" />
|
||||
<stop offset="50%" stop-color="black" stop-opacity="0" />
|
||||
<stop offset="100%" stop-color="blue" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<style>
|
||||
#rect1 {
|
||||
fill: url(#Gradient1);
|
||||
}
|
||||
Loading…
Reference in new issue