Compare commits
4 Commits
94bb013e62
...
b91493c6e6
Author | SHA1 | Date | |
---|---|---|---|
|
b91493c6e6 | ||
|
07269837c1 | ||
|
cdf566ba78 | ||
|
bfacccf176 |
@ -1186,6 +1186,12 @@ section {
|
|||||||
border: 1px solid #dde1e4;
|
border: 1px solid #dde1e4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact .email a {
|
||||||
|
font-size: 18px;
|
||||||
|
margin: 0 8px;
|
||||||
|
padding: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
.contact .social-links a:hover {
|
.contact .social-links a:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #ffb727;
|
border-color: #ffb727;
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 300 KiB After Width: | Height: | Size: 1.3 MiB |
139
index.html
139
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>
|
||||||
@ -530,8 +570,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="info-box mt-4">
|
<div class="email info-box h-100 d-flex flex-column
|
||||||
<i class="bx bx-envelope"></i>
|
justify-content-around">
|
||||||
|
<i><i class="bx bx-envelope"></i></i>
|
||||||
<h3>Email Me</h3>
|
<h3>Email Me</h3>
|
||||||
<a href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
|
<a href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
|
||||||
</div>
|
</div>
|
||||||
@ -541,10 +582,8 @@
|
|||||||
<i class="bx bx-share-alt"></i>
|
<i class="bx bx-share-alt"></i>
|
||||||
<h3>Social Profiles</h3>
|
<h3>Social Profiles</h3>
|
||||||
<div class="social-links">
|
<div class="social-links">
|
||||||
<a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
|
<a href="#" class="github"><i class="bi bi-github"></i></a>
|
||||||
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
|
|
||||||
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
|
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
|
||||||
<a href="#" class="google-plus"><i class="bi bi-skype"></i></a>
|
|
||||||
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
|
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -563,10 +602,8 @@
|
|||||||
<p>Thanks a lot for visiting my website, I hope you learned a little
|
<p>Thanks a lot for visiting my website, I hope you learned a little
|
||||||
bit about who I am and what I am capable of.</p>
|
bit about who I am and what I am capable of.</p>
|
||||||
<div class="social-links">
|
<div class="social-links">
|
||||||
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
|
<a href="#" class="github"><i class="bx bxl-github"></i></a>
|
||||||
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
|
|
||||||
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
|
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
|
||||||
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
|
|
||||||
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
|
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="copyright">
|
<div class="copyright">
|
||||||
|
Loading…
Reference in New Issue
Block a user