Commit 92da03af authored by Rennarde1312's avatar Rennarde1312
Browse files

Header partiellement fini

parent a16a1141
......@@ -5,20 +5,24 @@
<link rel="stylesheet" href="Style_Desktop.css" />
</head>
<body>
<div class="Header">
<span class="Header Header_Name">Lana Heyrendt</span>
<header>
<span class="Name">Lana Heyrendt</span>
<button class="Header Header_About">About me</button>
<button class="Header Header_Button">Experience</button>
<button class="Header Header_Button">Skills</button>
<button class="Header Header_Button">Projects</button>
<button class="Header Header_Button">Contact</button>
</div>
<a class="About">About me</a>
<a class="Header">Experience</a>
<a class="Header">Skills</a>
<a class="Header">Projects</a>
<a class="Header">Contact</a>
</header>
<h1>Backend developper, Web dev is pain</h1>
<div class="line"></div>
<div class="Title">
<h1>Dévelopeuse amatrice, pasionnée du libre</h1>
<p>Hello i'm a subtext, i try to be as long as the template and I'm currently not so here is a few extra lines to allow me to fill the gap</p>
</div>
</body>
</html>
\ No newline at end of file
......@@ -16,27 +16,29 @@ body {
--blue2: #535E88;
--blue3: #DCDCDE;
--blue4: #F9FBFD;
--line: #E5EBF2;
background-color: #FFFFFF;
}
.Header {
display: grid;
grid-template-columns: 40% 15% 10% 10% 10% 10% 5%;
grid-template-rows: 1;
justify-content: center;
header {
display: flex;
flex-direction: row;
align-items: center;
height: 115px;
}
.Header_Name {
header .Name {
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 30px;
margin: 0% 10% 0% 25%;
}
.Header_About {
header .About {
font-style: normal;
font-weight: 900;
font-size: 16px;
......@@ -44,17 +46,25 @@ body {
color: var(--accent);
}
.line {
width: 100%;
height: 1px;
background-color: var(--line);
}
.Title {
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 30px;
text-align: center;
}
h1 {
.Title h1 {
font-style: normal;
font-weight: 900;
font-size: 48px;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment