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

Compare commits

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

4 Commits
94bb013e62 ... b91493c6e6

Author SHA1 Message Date
Karma Riuk
b91493c6e6 updated hero bg 2023-09-01 17:25:31 +02:00
Karma Riuk
07269837c1 updated socials icons 2023-09-01 17:25:25 +02:00
Karma Riuk
cdf566ba78 fixed email card in contact me 2023-09-01 17:25:07 +02:00
Karma Riuk
bfacccf176 updated about me skills 2023-09-01 17:23:37 +02:00
3 changed files with 94 additions and 51 deletions
Show Stats Expand all files Collapse all files

6
assets/css/style.css
View File

@ -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;

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 300 KiB

After

Width:  |  Height:  |  Size: 1.3 MiB

139
index.html
View File

@ -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">