Bon commit qui avence bien la
This commit is contained in:
parent
8edee5d94f
commit
b87574cb59
21
index.html
21
index.html
@ -1,21 +1,24 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta name="description" content="Free Web tutorials">
|
<meta name="Acceuil">
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel="stylesheet" href="mystyle.css">
|
<link rel="stylesheet" href="static/style.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="header">
|
<div id="header">
|
||||||
<div id=menubar>
|
<div id=menubar>
|
||||||
<button type="button"> Home Page </button>
|
<a class="title_button"> Home Page </a>
|
||||||
<button type="button"> Blog perso </button>
|
<a class="title_button"> Home Page </a>
|
||||||
<button type="button"> Projets </button>
|
<a class="title_button"> Home Page </a>
|
||||||
<button type="button"> A propos de moi </button>
|
<a class="title_button"> Home Page </a>
|
||||||
<button type="button"> Quiz surprise :) </button>
|
<a class="title_button"> Home Page </a>
|
||||||
</div>
|
</div>
|
||||||
<div id="title">
|
<div id="title">
|
||||||
<h1>Random title cause its fun</h1>
|
<h1>I love commiting war crimes :)</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="content">
|
||||||
|
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
@ -0,0 +1,41 @@
|
|||||||
|
body {
|
||||||
|
background-color: #282A36;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#title {
|
||||||
|
padding : 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menubar {
|
||||||
|
background-color: #44475A;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
gap: 50px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title_button {
|
||||||
|
padding : 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #BD93F9;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.title_button:hover {
|
||||||
|
background-color: #BD93F966;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#content {
|
||||||
|
background-color : #44475A;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user