karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: karma:b91493c6e6dd5da7af579f42a50112d1ac9e5bb3
Branches Tags
karma:main
..
compare: karma:94bb013e621ca279a5c521ee522b3cf93fba3222
Branches Tags
karma:main

No commits in common. "b91493c6e6dd5da7af579f42a50112d1ac9e5bb3" and "94bb013e621ca279a5c521ee522b3cf93fba3222" have entirely different histories.
b91493c6e6 ... 94bb013e62

3 changed files with 55 additions and 98 deletions
Show Stats Expand all files Collapse all files

6
assets/css/style.css
View File

@ -1186,12 +1186,6 @@ 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;

BIN
assets/img/hero-bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 300 KiB

147
index.html
View File

@ -86,108 +86,68 @@
<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="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center"> <div class="col-lg-8 d-flex flex-column align-items-stretch">
<div class="row"> <div class="content ps-lg-4 d-flex flex-column justify-content-center">
<div class="col-lg-6"> <div class="row">
<ul> <div class="col-lg-6">
<li><i class="bi bi-chevron-right"></i> <ul>
<strong>Name:</strong> <li><i class="bi bi-chevron-right"></i>
<span>Arnaud Fauconnet</span> <strong>Name:</strong>
</li> <span>Arnaud Fauconnet</span>
<li><i class="bi bi-chevron-right"></i> <strong>Website:</strong> </li>
<a href="https://karma-riuk.com">karma-riuk.com</a> <li><i class="bi bi-chevron-right"></i> <strong>Website:</strong>
</li> <a href="https://karma-riuk.com">karma-riuk.com</a>
<li><i class="bi bi-chevron-right"></i> </li>
<strong>City:</strong> <li><i class="bi bi-chevron-right"></i>
<span>Lugano, CH</span> <strong>City:</strong>
</li> <span>Lugano, CH</span>
</ul> </li>
</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>
<div class="col-lg-6"> <!-- End .content-->
<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="row"> <div class="progress">
<div class="progress col-6"> <span class="skill">HTML <i class="val">100%</i></span>
<span class="skill">Python <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="95"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress col-6">
<span class="skill">Java <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">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-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="100" <div class="progress-bar" role="progressbar" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
</div> </div>
<div class="progress col-6">
<span class="skill">Javscript / Typescript <i class="val">95%</i></span> <div class="progress">
<span class="skill">CSS <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">
<span class="skill">JavaScript <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>
@ -570,9 +530,8 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="email info-box h-100 d-flex flex-column <div class="info-box mt-4">
justify-content-around"> <i class="bx bx-envelope"></i>
<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>
@ -582,8 +541,10 @@
<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="github"><i class="bi bi-github"></i></a> <a href="#" class="twitter"><i class="bi bi-twitter"></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>
@ -602,8 +563,10 @@
<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="github"><i class="bx bxl-github"></i></a> <a href="#" class="twitter"><i class="bx bxl-twitter"></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">