Compare commits
No commits in common. "891e67447075df77f34d966a1843c1f632561832" and "a959034e4e71deb3d156ce6121861b72b79c8ad4" have entirely different histories.
891e674470
...
a959034e4e
@ -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
|
# About Me
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
@ -1282,8 +1344,7 @@ 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;
|
||||||
background-position: center center;
|
color: #fff;
|
||||||
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
Normal file → Executable file
BIN
assets/img/footer-bg.jpg
Normal file → Executable file
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 MiB After Width: | Height: | Size: 184 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
BIN
assets/img/testimonials-bg.jpg
Normal file → Executable file
BIN
assets/img/testimonials-bg.jpg
Normal file → Executable file
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB After Width: | Height: | Size: 133 KiB |
@ -276,4 +276,9 @@
|
|||||||
clickable: true,
|
clickable: true,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Initiate Pure Counter
|
||||||
|
*/
|
||||||
|
new PureCounter();
|
||||||
})();
|
})();
|
||||||
|
|||||||
160
index.html
160
index.html
@ -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
|
<div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center"
|
||||||
align-items-stretch justify-content-evenly" data-aos="fade-up-left">
|
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,11 +115,9 @@
|
|||||||
<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 Engineering </span> -->
|
Software and Data
|
||||||
<li><i class="bi bi-chevron-right"></i>
|
Engineering </span>
|
||||||
<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
|
||||||
@ -130,43 +128,71 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- End .content-->
|
<!-- End .content-->
|
||||||
|
|
||||||
|
<div class="skills-content ps-lg-4">
|
||||||
<div>
|
<div class="row">
|
||||||
|
<div class="progress col-md-6">
|
||||||
<div class="progress" data-aos="fade-up">
|
<span class="skill">Python <i class="val">95%</i></span>
|
||||||
<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="7" aria-valuemin="0"
|
<div class="progress-bar" role="progressbar" aria-valuenow="95"
|
||||||
aria-valuemax="7"></div>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="progress" data-aos="fade-up">
|
<div class="progress col-md-6">
|
||||||
<span class="skill"><i class="flag
|
<span class="skill">Java <i class="val">90%</i></span>
|
||||||
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="7" aria-valuemin="0"
|
<div class="progress-bar" role="progressbar" aria-valuenow="90"
|
||||||
aria-valuemax="7"></div>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="progress" data-aos="fade-up">
|
</div>
|
||||||
<span class="skill"><i class="flag
|
<div class="row">
|
||||||
flag-italy"></i>Italian <i class="val">C2</i></span>
|
<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-wrap">
|
||||||
<div class="progress-bar" role="progressbar" aria-valuenow="6.5" aria-valuemin="0"
|
<div class="progress-bar" role="progressbar" aria-valuenow="85"
|
||||||
aria-valuemax="7"></div>
|
aria-valuemin="0" aria-valuemax="100"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="progress" data-aos="fade-up">
|
<div class="progress col-md-6">
|
||||||
<span class="skill"><i class="flag
|
<span class="skill">C++ <i class="val">95%</i></span>
|
||||||
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="3.5" aria-valuemin="0"
|
<div class="progress-bar" role="progressbar" aria-valuenow="95"
|
||||||
aria-valuemax="7"></div>
|
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>
|
||||||
</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>
|
<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">
|
||||||
@ -637,13 +710,13 @@
|
|||||||
<section id="contact" class="contact">
|
<section id="contact" class="contact">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<div class="section-title" data-aos="fade-up">
|
<div class="section-title">
|
||||||
<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" data-aos="fade-up-right">
|
<div class="col-md-6">
|
||||||
<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>
|
||||||
@ -651,16 +724,14 @@
|
|||||||
<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" data-aos="fade-up-left">
|
<div class="col-md-6">
|
||||||
<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="https://github.com/karma-riuk" class="github"><i class="bi bi-github"></i></a>
|
<a href="#" class="github"><i class="bi bi-github"></i></a>
|
||||||
<a href="https://www.instagram.com/arno.fauconnet/" class="instagram"><i
|
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
|
||||||
class="bi bi-instagram"></i></a>
|
<a href="#" class="linkedin"><i class="bi bi-linkedin"></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>
|
||||||
@ -678,11 +749,9 @@
|
|||||||
<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="https://github.com/karma-riuk" class="github"><i class="bx bxl-github"></i></a>
|
<a href="#" class="github"><i class="bx bxl-github"></i></a>
|
||||||
<a href="https://www.instagram.com/arno.fauconnet/" class="instagram"><i
|
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
|
||||||
class="bx bxl-instagram"></i></a>
|
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></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">
|
||||||
© Copyright <strong><span>Laura</span></strong>. All Rights Reserved
|
© Copyright <strong><span>Laura</span></strong>. All Rights Reserved
|
||||||
@ -701,6 +770,7 @@
|
|||||||
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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user