Commit 9f467127 authored by Rennarde's avatar Rennarde
Browse files

Major Fix

parent d5359212
......@@ -36,19 +36,19 @@
<!-- Presentation -->
<div class="Presentation">
<span class="Bold">Bonjour, <span class="Accent">je suis Lana</span>
heureuse de vous rencontrer.</span>
<span class="Light">Les logiciels libres évoluent constaments, c'est leurs force,
heureuse de vous rencontrer.</span>
<p class="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.</span>
qui est pratiquement sur d'arriver peut import le temps nécéssaire.</p>
</div>
<!-- Expérience -->
<div class="Experience">
<h1 class="Bold ">EXPERIENCE</h1>
<span class="Bold ">EXPERIENCE</span>
<div class="Line"></div>
<div class="Summary">
<span>2020-2021</span>
......
<!DOCTYPE html>
<html lang="en">
<head>
<title>Resume Lana Heyrendt</title>
<link rel="stylesheet" href="Style_Desktop.css" />
</head>
<body>
<header>
<span class="Name">Lana Heyrendt</span>
<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>
<div class="line"></div>
<div class="Title">
<span class="Bold">Dévelopeuse amatrice, pasionnée du libre</span>
<span> Developpeuse en recherche d'experience proffesionnelle avec une passion pour Linux et les logiciels libres.</span>
<img src="Composants/Capture_PP_CV.png" alt="Profile picture">
</div>
<!--Information EMAIL / Phone -->
<div class="ContactInfo">
<div class="Phone">
<span>Phone </span>
<span class="Ligth">652-390-294</span>
</div>
<div class="line"></div>
<div class="Email">
<span>Email</span>
<span class="Ligth">LanaHeyrendt@gmail.com</span>
</div>
</div>
<!-- -->
<div class="BackgroundPresentation">
<div class="Presentation">
<div class="Title">
<span>Hi, <span class="PurpleBold">I'm Lana.</span> Nice to meet you.</span>
</div>
<p>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 disponible au près du grand publique on 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>
</div>
<div class="Experience">
<span class="Title">Experience</span>
<span class="line"></span>
<div class="Cursus">
<div class="Titre">
<span class="title">2020-Present</span>
<span class="dot"></span>
<span class="title">IUT de Nantes</span>
</div>
<div class="Info">
<span class="text">ÉTUDIANTE EN INFORMATIQUE (BUT1)</span>
<span class="line"></span>
<span class="text">Après l'échec du BUT, j'ai compris qu'une remise à zéro était nécéssaire. J'ai déménager à Nantes et je me suis inscrite à
l'IUT de Nantes pour continuer dans l'informatique. Les perspective d'alternance et d'entré en école d'ingénieur m'on attirer tout parculièrement</span>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
......@@ -124,33 +124,39 @@ header .About {
.Presentation {
display: flex;
background-color: var(--blue4);
flex-direction: column;
text-align: center;
margin: 13% 34% 12% 34%;
background-color: var(--blue4);
margin: 12% 0% 12% 0%;
padding: 7% 0% 7% 0%;
}
.Presentation .Accent {
color: var(--accent);
}
.Presentation .Light {
margin-left: 34%;
margin-right: 34%;
}
.Experience {
display: flex;
flex-direction: column;
text-align: center;
text-align: center
}
.Experience .Line {
height: 1px;
margin: 2% 7% 6% 10%;
}
.Experience .Summary {
display: flex;
flex-direction: row;
justify-content: center;
gap: 4%;
margin: auto;
}
.Dot {
......@@ -159,9 +165,4 @@ header .About {
width: 9px;
background-color: var(--accent);
border-radius: 50%;
}
.Experience .Description .Line {
}
\ 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;
--line: #E5EBF2;
background-color: #FFFFFF;
font-family: Roboto;
}
.Bold {
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 30px;
}
.Light {
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 30px;
}
header {
display: flex;
flex-direction: row;
align-items: center;
margin: 45px 0% 45px 0%;
gap: 3%;
}
header .Name {
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 30px;
margin: 0% 10% 0% 25%;
}
header .About {
font-style: normal;
font-weight: 900;
font-size: 16px;
line-height: 30px;
color: var(--accent);
}
.line {
width: 100%;
height: 1px;
background-color: var(--line);
}
.Title {
display: flex;
flex-direction: column;
text-align: center;
font-style: normal;
margin-top: 10%;
font-weight: 300;
font-size: 17px;
line-height: 30px;
color: var(--blue2);
}
.Title .Bold {
font-weight: 900;
font-size: 48px;
line-height: 56px;
color: var(--blue1);
}
.Title img {
width: 250px;
height: 250px;
margin-top: 7%;
margin-left: auto;
margin-right: auto;
}
.ContactInfo {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 30px;
}
.ContactInfo .Phone {
display: flex;
flex-direction: column;
text-align: right;
width: 25%;
}
.ContactInfo .Email {
display: flex;
flex-direction: column;
width: 25%;
}
.ContactInfo .line {
height: 27px;
width: 1px;
margin: 0 1.5%;
}
.ContactInfo .Ligth {
font-weight: 300;
font-size: 17px;
line-height: 30px;
color: var(--blue2);
}
.BackgroundPresentation {
background-color: var(--blue4);
}
.Presentation {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
margin: 14% 35% 0% 35%;
font-weight: 300;
font-size: 17px;
line-height: 30px;
color: var(--blue2);
}
.Presentation .Title {
font-style: normal;
font-weight: 900;
font-size: 26px;
line-height: 30px;
color: var(--blue1);
}
.Presentation .PurpleBold {
color: var(--accent);
}
.Experience {
display: flex;
flex-direction: column;
}
.Experience .line {
width: 80%;
background-color: var(--line);
}
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