You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
2.0 KiB
85 lines
2.0 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
<head>
|
||
|
|
<title> Unicron03 </title>
|
||
|
|
<link href="../CSS/Skills.css" rel="stylesheet">
|
||
|
|
<link rel="icon" type="image/x-icon" href="../Image/EV.jpg" />
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<a href="#" onclick="window.location.href = '../Accueil.html';" class="button">
|
||
|
|
Menu
|
||
|
|
<span>
|
||
|
|
<svg>
|
||
|
|
<use xlink:href="#arrow" href="#arrow"></use>
|
||
|
|
</svg>
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<center>
|
||
|
|
<div id="SkillBox">
|
||
|
|
<center><p class="Menu"><u>My Skills</u></p></center>
|
||
|
|
|
||
|
|
<svg style="display: none;">
|
||
|
|
<defs>
|
||
|
|
<symbol id="arrow" viewBox="0 0 100 100">
|
||
|
|
<path d="M12.5 45.83h64.58v8.33H12.5z"/>
|
||
|
|
<path d="M59.17 77.92l-5.84-5.84L75.43 50l-22.1-22.08 5.84-5.84L87.07 50z"/>
|
||
|
|
</symbol>
|
||
|
|
</defs>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
<img src="https://2.bp.blogspot.com/--aPlnH6X1YA/UEf7yeJ3gGI/AAAAAAAATgw/TgMK9IVzipk/s1600/Skills%2B-%2BPawan%2BMall.png" alt="Skill" />
|
||
|
|
<div class="SkillBar">
|
||
|
|
<div id="Skill-HTML">
|
||
|
|
<span class="Skill-Area ">HTML</span>
|
||
|
|
<span class="PercentText ">75%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="SkillBar">
|
||
|
|
<div id="Skill-CSS">
|
||
|
|
<span class="Skill-Area ">CSS</span>
|
||
|
|
<span class="PercentText ">65%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="SkillBar">
|
||
|
|
<div id="Skill-Python">
|
||
|
|
<span class="Skill-Area ">Python</span>
|
||
|
|
<span class="PercentText ">100%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="SkillBar">
|
||
|
|
<div id="Skill-JS">
|
||
|
|
<span class="Skill-Area ">Javascript</span>
|
||
|
|
<span class="PercentText ">25%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="SkillBar">
|
||
|
|
<div id="Skill-Lua">
|
||
|
|
<span class="Skill-Area ">Lua</span>
|
||
|
|
<span class="PercentText ">90%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="SkillBar">
|
||
|
|
<div id="Skill-PHP">
|
||
|
|
<span class="Skill-Area ">PHP </span>
|
||
|
|
<span class="PercentText ">50%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="SkillBar">
|
||
|
|
<div id="Skill-SQL">
|
||
|
|
<span class="Skill-Area ">SQL </span>
|
||
|
|
<span class="PercentText ">85%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</center>
|
||
|
|
</body>
|
||
|
|
</html>
|