updated footer background

removed the programming languages

assets/css/style.css

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

assets/js/main.js

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

index.html

@@ -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-center"
-                        data-aos="fade-up-left">
+                    <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="row">
                             <div class="col-lg-6 mt-4 mt-lg-0">
                                 <ul>
@@ -115,9 +115,11 @@
                                 <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>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>
                                     <li><i class="bi bi-chevron-right"></i> <strong>Email:</strong>
                                         <a
@@ -128,77 +130,49 @@
                         </div>
                         <!-- End .content-->
 
-                        <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="95"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                                <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="90"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                            </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="85"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                                <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="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>
+
+                            <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" role="progressbar" aria-valuenow="7" aria-valuemin="0"
+                                        aria-valuemax="7"></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-bar-wrap">
+                                    <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
+                                        aria-valuemax="7"></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 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" data-aos="fade-up">
+                                <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>
+
+            </div>
         </section><!-- End About Me Section -->
 
         <!-- ======= My Resume Section ======= -->
@@ -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>
         </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">
@@ -710,13 +637,13 @@
         <section id="contact" class="contact">
             <div class="container">
 
-                <div class="section-title">
+                <div class="section-title" data-aos="fade-up">
                     <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">
+                    <div class="col-md-6" data-aos="fade-up-right">
                         <div class="email info-box h-100 d-flex flex-column
                                 justify-content-around">
                             <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>
                         </div>
                     </div>
-                    <div class="col-md-6">
+                    <div class="col-md-6" data-aos="fade-up-left">
                         <div class="info-box">
                             <i class="bx bx-share-alt"></i>
                             <h3>Social Profiles</h3>
                             <div class="social-links">
-                                <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>
+                                <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>
                             </div>
                         </div>
                     </div>
@@ -749,9 +678,11 @@
             <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="#" 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>
+                <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>
             </div>
             <div class="copyright">
                 &copy; Copyright <strong><span>Laura</span></strong>. All Rights Reserved
@@ -770,7 +701,6 @@
             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>