Commit 6099141c authored by Baptiste HEYRENDT's avatar Baptiste HEYRENDT
Browse files

Experience section

parent 9f467127
......@@ -50,21 +50,56 @@
<div class="Experience">
<span class="Bold ">EXPERIENCE</span>
<div class="Line"></div>
<div class="Summary">
<span>2020-2021</span>
<span class="Dot"></span>
<span>Travail Indépendant</span>
<div class="Grid">
<div class="left ">2020-2021</div>
<div class="Dot"></div>
<div class="right">Travail Indépendant</div>
<div class="left Light">Assistante Technique</div>
<div class="Line"></div>
<div class="right Light">Mise en place de plateforme de communication pendant la pandémie
avec des plateformes tel que Microsoft-Teams,
Element, Discord, Zoom, etc...
Formation des employées a l'utilisations des dites plateformes et
aux outils de télétravail
</div>
</div>
<div class="Grid">
<div class="left ">2020-2021</div>
<div class="Dot"></div>
<div class="right">Travail Indépendant</div>
<div class="left Light">Assistante Technique</div>
<div class="Line"></div>
<div class="right Light">Mise en place de plateforme de communication pendant la pandémie
avec des plateformes tel que Microsoft-Teams,
Element, Discord, Zoom, etc...
Formation des employées a l'utilisations des dites plateformes et
aux outils de télétravail
</div>
</div>
<div class="Description">
<span>Assistante Technique</span>
<span class="Line"></span>
<span>Mise en place de plateforme de communication pendant la pandémie
<div class="Grid">
<div class="left ">2020-2021</div>
<div class="Dot"></div>
<div class="right">Travail Indépendant</div>
<div class="left Light">Assistante Technique</div>
<div></div>
<div class="right Light">Mise en place de plateforme de communication pendant la pandémie
avec des plateformes tel que Microsoft-Teams,
Element, Discord, Zoom, etc...
Formation des employées a l'utilisations des dites plateformes et
aux outils de télétravail
</span>
</div>
</div>
<div class="Line"></div>
</div>
<!-- Skills -->
<div class="Skills">
<span class="Bold">SKILLS</span>
<div class="Line"></div>
<div class="SkillBars">
</div>
<progress max="100" value="80"></progress>
</div>
</body>
</html>
\ No newline at end of file
......@@ -153,16 +153,54 @@ header .About {
margin: 2% 7% 6% 10%;
}
.Experience .Summary {
display: flex;
margin: auto;
.Grid {
display: grid;
grid-template-columns: 1fr 175px 1fr;
align-items: center;
}
.Grid .left {
justify-self: end;
align-self: start;
}
.Grid .right {
justify-self: start;
text-align: left;
align-self: start;
}
.Grid .Line {
width: 1px;
height: 224px;
justify-self: center;
}
.Dot {
justify-self: center;
display: block;
height: 9px;
width: 9px;
background-color: var(--accent);
border-radius: 50%;
border-radius: 100%;
margin-left: 5px;
}
.Skills {
display: flex;
text-align: center;
flex-direction: column;
}
.SkillBars {
display: grid;
}
progress[value]::-webkit-progress-value {
background-color: var(--accent);
}
progress::-webkit-progress-bar {
background-color: var(--blue3);
}
\ 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