Ajout des composants de base

a16a1141 · Rennarde1312 · 3f5f8287 · a16a1141 · a16a1141
Commit a16a1141 authored Jan 03, 2022 by Rennarde1312
--- a/Maquette_Desktop.html
+++ b/Maquette_Desktop.html
+<!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
--- a/Style_Desktop.css
+++ b/Style_Desktop.css
+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