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

Compare commits

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

7 Commits
a959034e4e ... 891e674470

Author SHA1 Message Date
Karma Riuk
891e674470 updated footer background 2023-09-18 10:17:53 +02:00
Karma Riuk
585380ce88 updated testimonials background 2023-09-18 10:12:20 +02:00
Karma Riuk
d6446f5160 moved languages to the about me section and 
removed the programming languages
 2023-09-18 10:00:43 +02:00
Karma Riuk
5bbf0068e7 removed unused styles 2023-09-18 09:41:28 +02:00
Karma Riuk
dc02c06bc8 added transitions to contact 2023-09-18 09:35:53 +02:00
Karma Riuk
69c5167856 added links to socials 2023-09-18 09:35:07 +02:00
Karma Riuk
a3919b42a9 removed useless dependency 2023-09-18 09:34:48 +02:00
6 changed files with 60 additions and 196 deletions
Show Stats Expand all files Collapse all files

65
assets/css/style.css
View File

@ -478,68 +478,6 @@ 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 # About Me
--------------------------------------------------------------*/ --------------------------------------------------------------*/
@ -1344,7 +1282,8 @@ section {
#footer { #footer {
background: url("../img/footer-bg.jpg") top center no-repeat; background: url("../img/footer-bg.jpg") top center no-repeat;
background-size: cover; background-size: cover;
color: #fff; background-position: center center;
color: var(--background);
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
padding: 80px 0; padding: 80px 0;

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 184 KiB

After

Width:  |  Height:  |  Size: 2.4 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

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

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 133 KiB

After

Width:  |  Height:  |  Size: 81 KiB

5
assets/js/main.js
View File

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