Commit a16a1141 authored by Rennarde1312's avatar Rennarde1312
Browse files

Ajout des composants de base

parent 3f5f8287
<!DOCTYPE html>
<html lang="en">
<head>
<title>Resume Lana Heyrendt</title>
<link rel="stylesheet" href="Style_Desktop.css" />
</head>
<body>
<div class="Header">
<span class="Header Header_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>
<h1>Backend developper, Web dev is pain</h1>
</body>
</html>
\ No newline at end of file
body {
/* Colors */
--bw-100: #181743;
--bw-200: #3f474b;
--bw-300: #7f8a8f;
--bw-400: #bec7cc;
--bw-500: #dde6ea;
--bw-600: #f3f8fb;
--bw-700: #ffffff;
--burple-100: #2407D8;
--burple-200: #5034FF;
--accent: #8428F8;
--blue1: #141C3A;
--blue2: #535E88;
--blue3: #DCDCDE;
--blue4: #F9FBFD;
background-color: #FFFFFF;
}
.Header {
display: grid;
grid-template-columns: 40% 15% 10% 10% 10% 10% 5%;
grid-template-rows: 1;
justify-content: center;
align-items: center;
height: 115px;
}
.Header_Name {
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 30px;
}
.Header_About {
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 30px;
color: var(--accent);
}
h1 {
font-style: normal;
font-weight: 900;
font-size: 48px;
line-height: 56px;
align-items: center;
text-align: center;
}
\ No newline at end of file
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