Commit 0647862e authored by Baptiste HEYRENDT's avatar Baptiste HEYRENDT
Browse files

Education section

parent c63ac93d
......@@ -95,35 +95,54 @@
<div class="Skills">
<span class="Bold">SKILLS</span>
<div class="Line"></div>
<div class="SkillBars">
<div class="Skill_Grid">
<div class="Light">
PYTHON
<progress max="100" value="80"></progress>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Skill_Section">
<div class="Light">PYTHON</div>
<div class="Skill_Section_Bar"><progress max="100" value="80"></progress>80%</div>
</div>
<div class="Light">PYTHON</div>
<div><progress max="100" value="80"></progress></div>
<div class="Light">PYTHON</div>
<div><progress max="100" value="80"></progress></div>
<div class="Light">PYTHON</div>
<div><progress max="100" value="80"></progress></div>
<div class="Light">PYTHON</div>
<div><progress max="100" value="80"></progress></div>
<div class="Light">PYTHON</div>
<div><progress max="100" value="80"></progress></div>
<div class="Light">PYTHON</div>
<div><progress max="100" value="80"></progress></div>
</div>
</div>
<!-- Education -->
<div class="Section_Title">EDUCATION</div>
<div class="Education">
</div>
</body>
</html>
\ No newline at end of file
......@@ -193,17 +193,52 @@ header .About {
flex-direction: column;
}
.SkillBars {
.Skills .Bold {
margin: 175px;
}
.Skill_Grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(8, 1fr);
grid-auto-flow: dense;
grid-template-rows: repeat(4, 1fr);
width: 1113px;
margin: auto;
gap: 51px;
text-align: left;
}
progress {
-webkit-appearance: none;
}
progress[value]::-webkit-progress-value {
background-color: var(--accent);
border-radius: 100px;
}
progress::-webkit-progress-bar {
background-color: var(--blue3);
border-radius: 100px;
}
.Skill_Section_Bar {
display: flex;
gap: 18px;
}
.Skill_Section_Bar progress {
flex-grow: 1;
height: 6px;
align-self: center;
}
.Section_Title {
font-weight: 900;
font-size: 26px;
line-height: 30px;
color: var(--blue1);
text-align: center;
margin-top: 168px;
margin-bottom: 165px;
}
\ No newline at end of file
Markdown is supported
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