Commit b44eafdf authored by Rennarde's avatar Rennarde
Browse files

je sais pas

parent 0647862e
......@@ -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
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
<!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
......@@ -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
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