je sais pas

b44eafdf · Rennarde · 0647862e · b44eafdf · b44eafdf · b44eafdf
Commit b44eafdf authored Jan 11, 2022 by Rennarde
--- a/CV_Web.html
+++ b/CV_Web.html
@@ -140,9 +140,12 @@
        </div>
    </div>
    <!-- Education -->
-    <div class="Section_Title">EDUCATION</div>
    <div class="Education">
-
+        <div class="Section_Title">EDUCATION</div>
+        <div class="Section_Line"></div>
+        <div class="Education_Grid">
+            
+        </div>
    </div>
 </body>
 </html>
\ No newline at end of file
--- a/Clean.css
+++ b/Clean.css
+body {
+    /* Colors */
+    background-color: #FFFFFF;
+    --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;
+    --blue1: #141C3A;
+    --blue2: #535E88;
+    --blue3: #DCDCDE;
+    --blue4: #F9FBFD;
+    --accent: #8428F8;
+    --line:  #E5EBF2;
+
+    /* Fonts */
+    font-family: Roboto;
+    font-style: normal;
+}
+/* Fonts */
+.Font_Light {
+    font-weight: 300;
+    font-size: 17px;
+    line-height: 30px;
+    color: var(--blue2);    
+}
+
+.Font_Bold {
+    font-weight: 900;
+    font-size: 26px;
+    line-height: 30px;
+    color: var(--blue1);
+}
+
+/* Lines */
+.Line {
+    background-color: var(--line);
+}
+
+header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin: 2% 0% 2% 0%;
+    gap: 2%;  
+}
+
+header .Name {
+    font-weight: 900;
+    font-size: 26px;
+    line-height: 30px;
+    margin: 0% 10% 0% 25%;
+}
+
+header a {
+    text-decoration: none;
+    color: var(--blue1);
+    font-weight: 300;
+    font-size: 17px;
+    line-height: 30px;
+}
+
+header .About {
+    font-weight: 900;
+    font-size: 16px;
+    line-height: 30px;
+    color: var(--accent);
+}
+
+.Header_Line {
+    width: 100%;
+    height: 1px;    
+}
+
+.Intro {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    margin-top: 10%;
+    /* Font Bold */
+    font-weight: 900;
+    font-size: 48px;
+    line-height: 56px;
+    color: var(--blue1);    
+}
+
+.Intro img {
+    width: 13%;
+    height: 22.7%;
+    margin: auto;
+    margin-top: 7%;
+}
\ No newline at end of file
--- a/Clean.html
+++ b/Clean.html
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <title>CV Lana Heyrendt</title>
+    <link rel="stylesheet" href="Clean.css" />
+</head>
+<body>
+    <!-- Header avec ancres -->
+    <header>
+        <span class="Name">Lana Heyrendt</span>
+        <a href="" class="About">About me</a>
+        <a href="">Experience</a>
+        <a href="">Skills</a>
+        <a href="">Projects</a>
+        <a href="">Contact</a>
+    </header>
+    <div class="Header_Line Line"></div>
+    <!-- Intro, Images et Contact -->
+    <div class="Intro">
+        <span>Dévelopeuse amatrice, pasionnée du libre</span>
+        <span class="Font_Light">  Developpeuse en recherche d'experience 
+        proffesionnelle avec une passion pour Linux et les logiciels libres.</span>
+        <img src="Composants/Capture_PP_CV.png" alt="Photo de profile">
+        <div class="Intro_Contact">
+            <div class="Phone">
+                <span>Phone </span>
+                <span class="Font_Light">652-390-294</span>
+            </div>
+            <div class="Line"></div>
+            <div class="Email">
+                <span>Email</span>
+                <span class="Font_Light">LanaHeyrendt@gmail.com</span>
+            </div>
+        </div>
+    </div>
+    <!-- Presentation -->
+    <div class="Presentation">
+        <span class="Bold">Bonjour, <span class="Accent">je suis Lana</span> 
+            heureuse de vous rencontrer.</span>
+        <p class="Font_Light">Les logiciels libres évoluent constaments, c'est leurs force, 
+            et ils grandissent au délà de leurs créateur·ices et devienne la norme. 
+            Les logiciels propriétaires diponible au près du grand publique on 
+            très souvent mauvaise réputation a cause de leurs pratique commerciale 
+            aggressive et de leurs non respect de la vie privée, ils tiennent 
+            au modèle financier rentable mais au pris de la fidèlité. 
+            Ce genre de monopole tombe facilement en face d'un alternative, 
+            qui est pratiquement sur d'arriver peut import le temps nécéssaire.</p>
+    </div>
+    <!-- Expérience -->
+    <div class></div>
+</body>
\ No newline at end of file
--- a/Style.css
+++ b/Style.css
@@ -70,7 +70,6 @@ header .About {
 .Header_Line {
    width: 100%;
    height: 1px;
-    
 }

 .Title {
@@ -233,6 +232,12 @@ progress::-webkit-progress-bar {
    align-self: center;
 }

+.Education {
+    display: flex;
+    background-color: var(--blue4);
+    flex-direction: column;
+}
+
 .Section_Title {
    font-weight: 900;
    font-size: 26px;
@@ -240,5 +245,12 @@ progress::-webkit-progress-bar {
    color: var(--blue1);
    text-align: center;
    margin-top: 168px;
-    margin-bottom: 165px;
+    /* margin-bottom: 165px; */
+}
+
+.Section_Line {
+    background-color: var(--line);
+    height: 1px;
+    width: 1532px;
+    align-self: center;
 }
\ No newline at end of file