updated about me skills
This commit is contained in:
Karma Riuk
parent
94bb013e62
commit
bfacccf176
126
index.html
126
index.html
@ -86,68 +86,108 @@
|
|||||||
<div
|
<div
|
||||||
class="image col-lg-4 d-flex align-items-stretch justify-content-center justify-content-lg-start">
|
class="image col-lg-4 d-flex align-items-stretch justify-content-center justify-content-lg-start">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 d-flex flex-column align-items-stretch">
|
<div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center">
|
||||||
<div class="content ps-lg-4 d-flex flex-column justify-content-center">
|
<div class="row">
|
||||||
<div class="row">
|
<div class="col-lg-6">
|
||||||
<div class="col-lg-6">
|
<ul>
|
||||||
<ul>
|
<li><i class="bi bi-chevron-right"></i>
|
||||||
<li><i class="bi bi-chevron-right"></i>
|
<strong>Name:</strong>
|
||||||
<strong>Name:</strong>
|
<span>Arnaud Fauconnet</span>
|
||||||
<span>Arnaud Fauconnet</span>
|
</li>
|
||||||
</li>
|
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong>
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong>
|
<a href="https://karma-riuk.com">karma-riuk.com</a>
|
||||||
<a href="https://karma-riuk.com">karma-riuk.com</a>
|
</li>
|
||||||
</li>
|
<li><i class="bi bi-chevron-right"></i>
|
||||||
<li><i class="bi bi-chevron-right"></i>
|
<strong>City:</strong>
|
||||||
<strong>City:</strong>
|
<span>Lugano, CH</span>
|
||||||
<span>Lugano, CH</span>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<ul>
|
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>30</span>
|
|
||||||
</li>
|
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in
|
|
||||||
Software and Data
|
|
||||||
Engineering </span>
|
|
||||||
</li>
|
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Email:</strong>
|
|
||||||
<a
|
|
||||||
href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- End .content-->
|
<div class="col-lg-6">
|
||||||
|
<ul>
|
||||||
|
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>30</span>
|
||||||
|
</li>
|
||||||
|
<li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in
|
||||||
|
Software and Data
|
||||||
|
Engineering </span>
|
||||||
|
</li>
|
||||||
|
<li><i class="bi bi-chevron-right"></i> <strong>Email:</strong>
|
||||||
|
<a
|
||||||
|
href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End .content-->
|
||||||
|
|
||||||
<div class="skills-content ps-lg-4">
|
<div class="skills-content ps-lg-4">
|
||||||
<div class="progress">
|
<div class="row">
|
||||||
<span class="skill">HTML <i class="val">100%</i></span>
|
<div class="progress col-6">
|
||||||
|
<span class="skill">Python <i class="val">95%</i></span>
|
||||||
<div class="progress-bar-wrap">
|
<div class="progress-bar-wrap">
|
||||||
<div class="progress-bar" role="progressbar" aria-valuenow="100"
|
<div class="progress-bar" role="progressbar" aria-valuenow="95"
|
||||||
aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="progress col-6">
|
||||||
<div class="progress">
|
<span class="skill">Java <i class="val">90%</i></span>
|
||||||
<span class="skill">CSS <i class="val">90%</i></span>
|
|
||||||
<div class="progress-bar-wrap">
|
<div class="progress-bar-wrap">
|
||||||
<div class="progress-bar" role="progressbar" aria-valuenow="90"
|
<div class="progress-bar" role="progressbar" aria-valuenow="90"
|
||||||
aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="progress">
|
<div class="row">
|
||||||
<span class="skill">JavaScript <i class="val">95%</i></span>
|
<div class="progress col-6">
|
||||||
|
<span class="skill">C <i class="val">85%</i></span>
|
||||||
|
<div class="progress-bar-wrap">
|
||||||
|
<div class="progress-bar" role="progressbar" aria-valuenow="85"
|
||||||
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="progress col-6">
|
||||||
|
<span class="skill">C++ <i class="val">90%</i></span>
|
||||||
|
<div class="progress-bar-wrap">
|
||||||
|
<div class="progress-bar" role="progressbar" aria-valuenow="90"
|
||||||
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="progress col-6">
|
||||||
|
<span class="skill">HTML/CSS <i class="val">100%</i></span>
|
||||||
|
<div class="progress-bar-wrap">
|
||||||
|
<div class="progress-bar" role="progressbar" aria-valuenow="100"
|
||||||
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="progress col-6">
|
||||||
|
<span class="skill">Javscript / Typescript <i class="val">95%</i></span>
|
||||||
<div class="progress-bar-wrap">
|
<div class="progress-bar-wrap">
|
||||||
<div class="progress-bar" role="progressbar" aria-valuenow="95"
|
<div class="progress-bar" role="progressbar" aria-valuenow="95"
|
||||||
aria-valuemin="0" aria-valuemax="100"></div>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="progress col-6">
|
||||||
|
<span class="skill">Bash <i class="val">90%</i></span>
|
||||||
|
<div class="progress-bar-wrap">
|
||||||
|
<div class="progress-bar" role="progressbar" aria-valuenow="90"
|
||||||
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="progress col-6">
|
||||||
|
<span class="skill">Lua <i class="val">85%</i></span>
|
||||||
|
<div class="progress-bar-wrap">
|
||||||
|
<div class="progress-bar" role="progressbar" aria-valuenow="85"
|
||||||
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user