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

Compare commits

base: karma:891e67447075df77f34d966a1843c1f632561832
Branches Tags
karma:main
..
compare: karma:a959034e4e71deb3d156ce6121861b72b79c8ad4
Branches Tags
karma:main

No commits in common. "891e67447075df77f34d966a1843c1f632561832" and "a959034e4e71deb3d156ce6121861b72b79c8ad4" have entirely different histories.
891e674470 ... a959034e4e

6 changed files with 196 additions and 60 deletions
Show Stats Expand all files Collapse all files

65
assets/css/style.css
View File

@ -478,6 +478,68 @@ section {
}
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 20px 0;
background-color: #f4f5f6;
min-height: 40px;
margin-top: 78px;
}
@media (max-width: 992px) {
.breadcrumbs {
margin-top: 60px;
}
}
.breadcrumbs h2 {
font-size: 24px;
font-weight: 300;
margin: 0;
}
@media (max-width: 992px) {
.breadcrumbs h2 {
margin: 0 0 10px 0;
}
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}
.breadcrumbs ol li + li {
padding-left: 10px;
}
.breadcrumbs ol li + li::before {
display: inline-block;
padding-right: 10px;
color: #6c757d;
content: "/";
}
@media (max-width: 768px) {
.breadcrumbs .d-flex {
display: block !important;
}
.breadcrumbs ol {
display: block;
}
.breadcrumbs ol li {
display: inline-block;
}
}
/*--------------------------------------------------------------
# About Me
--------------------------------------------------------------*/
@ -1282,8 +1344,7 @@ section {
#footer {
background: url("../img/footer-bg.jpg") top center no-repeat;
background-size: cover;
background-position: center center;
color: var(--background);
color: #fff;
font-size: 14px;
text-align: center;
padding: 80px 0;

BIN
assets/img/footer-bg.jpg Normal file → Executable file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 184 KiB

BIN
assets/img/testimonials-bg-2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 80 KiB

BIN
assets/img/testimonials-bg.jpg Normal file → Executable file
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 133 KiB

5
assets/js/main.js
View File

@ -276,4 +276,9 @@
clickable: true,
},
});
/**
* Initiate Pure Counter
*/
new PureCounter();
})();

160
index.html
View File

@ -51,10 +51,10 @@
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#resume">Resume</a></li>
<li><a class="nav-link scrollto" href="#languages">Languages</a></li>
<li><a class="nav-link scrollto" href="#skills">Skills</a></li>
<li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
<li><button onclick="toggleDarkMode()">Dark</button> </li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
@ -93,8 +93,8 @@
<div class="image col-lg-4 d-flex align-items-stretch
justify-content-center justify-content-lg-start" data-aos="fade-up-right">
</div>
<div class="content col-lg-8 ps-lg-4 d-flex flex-column
align-items-stretch justify-content-evenly" data-aos="fade-up-left">
<div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center"
data-aos="fade-up-left">
<div class="row">
<div class="col-lg-6 mt-4 mt-lg-0">
<ul>
@ -115,11 +115,9 @@
<ul>
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>23</span>
</li>
<!-- <li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in -->
<!-- Software and Data Engineering </span> -->
<li><i class="bi bi-chevron-right"></i>
<strong>Degree:</strong>
<span>Bachelor in Computer Science</span>
<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
@ -130,43 +128,71 @@
</div>
<!-- End .content-->
<div>
<div class="progress" data-aos="fade-up">
<span class="skill"><i class="flag
flag-france"></i>French <i class="val">Native</i></span>
<div class="skills-content ps-lg-4">
<div class="row">
<div class="progress col-md-6">
<span class="skill">Python <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
aria-valuemax="7"></div>
<div class="progress-bar" role="progressbar" aria-valuenow="95"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress" data-aos="fade-up">
<span class="skill"><i class="flag
flag-uk"></i>English <i class="val">Native</i></span>
<div class="progress col-md-6">
<span class="skill">Java <i class="val">90%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
aria-valuemax="7"></div>
<div class="progress-bar" role="progressbar" aria-valuenow="90"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress" data-aos="fade-up">
<span class="skill"><i class="flag
flag-italy"></i>Italian <i class="val">C2</i></span>
</div>
<div class="row">
<div class="progress col-md-6">
<span class="skill">C <i class="val">85%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="6.5" aria-valuemin="0"
aria-valuemax="7"></div>
<div class="progress-bar" role="progressbar" aria-valuenow="85"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress" data-aos="fade-up">
<span class="skill"><i class="flag
flag-germany"></i>German <i class="val">B1</i></span>
<div class="progress col-md-6">
<span class="skill">C++ <i class="val">95%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="3.5" aria-valuemin="0"
aria-valuemax="7"></div>
<div class="progress-bar" role="progressbar" aria-valuenow="95"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="row">
<div class="progress col-md-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-md-6">
<span class="skill">Javscript / Typescript <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>
<div class="row">
<div class="progress col-md-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-md-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>
@ -348,6 +374,53 @@
<a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-up">Download my CV </a>
</section><!-- End My Resume Section -->
<section id="languages" class="languages">
<div class="container">
<div class="section-title" data-aos="fade-up">
<span class="prevent-select">Languages</span>
<h2>Languages</h2>
<p></p>
</div>
<div class="w-75 m-auto">
<div class="row">
<div class="progress col-md-6" data-aos="fade-up-right">
<span class="skill"><i class="flag
flag-france"></i>French <i class="val">Native</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
aria-valuemax="7"></div>
</div>
</div>
<div class="progress col-md-6" data-aos="fade-up-left">
<span class="skill"><i class="flag
flag-uk"></i>English <i class="val">Native</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
aria-valuemax="7"></div>
</div>
</div>
</div>
<div class="row">
<div class="progress col-md-6" data-aos="fade-up-right">
<span class="skill"><i class="flag
flag-italy"></i>Italian <i class="val">C2</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="6.5" aria-valuemin="0"
aria-valuemax="7"></div>
</div>
</div>
<div class="progress col-md-6" data-aos="fade-up-left">
<span class="skill"><i class="flag
flag-germany"></i>German <i class="val">B1</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="3.5" aria-valuemin="0"
aria-valuemax="7"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ======= My Skills Section ======= -->
<section id="skills" class="skills">
<div class="container">
@ -637,13 +710,13 @@
<section id="contact" class="contact">
<div class="container">
<div class="section-title" data-aos="fade-up">
<div class="section-title">
<span class="prevent-select">Contact Me</span>
<h2>Contact Me</h2>
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
</div>
<div class="row">
<div class="col-md-6" data-aos="fade-up-right">
<div class="col-md-6">
<div class="email info-box h-100 d-flex flex-column
justify-content-around">
<i><i class="bx bx-envelope"></i></i>
@ -651,16 +724,14 @@
<a href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>
</div>
</div>
<div class="col-md-6" data-aos="fade-up-left">
<div class="col-md-6">
<div class="info-box">
<i class="bx bx-share-alt"></i>
<h3>Social Profiles</h3>
<div class="social-links">
<a href="https://github.com/karma-riuk" class="github"><i class="bi bi-github"></i></a>
<a href="https://www.instagram.com/arno.fauconnet/" class="instagram"><i
class="bi bi-instagram"></i></a>
<a href="https://ch.linkedin.com/in/arnaud-fauconnet-01963b266" class="linkedin"><i
class="bi bi-linkedin"></i></a>
<a href="#" class="github"><i class="bi bi-github"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
@ -678,11 +749,9 @@
<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>
<div class="social-links">
<a href="https://github.com/karma-riuk" class="github"><i class="bx bxl-github"></i></a>
<a href="https://www.instagram.com/arno.fauconnet/" class="instagram"><i
class="bx bxl-instagram"></i></a>
<a href="https://ch.linkedin.com/in/arnaud-fauconnet-01963b266" class="linkedin"><i
class="bx bxl-linkedin"></i></a>
<a href="#" class="github"><i class="bx bxl-github"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
<div class="copyright">
&copy; Copyright <strong><span>Laura</span></strong>. All Rights Reserved
@ -701,6 +770,7 @@
class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>