From 8c2307963b24c5283f9c33e28a1747e6cc51eedc Mon Sep 17 00:00:00 2001
From: Lightemerald <light_emerald@aostia.com>
Date: Thu, 22 Feb 2024 22:09:17 +0100
Subject: [PATCH] Added certficats

---
 fr/index.html   | 21 ++++++++++++++++++++-
 styles/main.css |  8 ++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/fr/index.html b/fr/index.html
index 5e9e428..d782ef9 100644
--- a/fr/index.html
+++ b/fr/index.html
@@ -64,6 +64,9 @@
                 <li class="nav-item"><a class="nav-link" href="https://twitter.com/emerald_dot_moe" title="Twitter">
                   <i class="fa-brands fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
                 </li>
+                <li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/alex-frequelin-meyer-449b25261/" title="Linkedin">
+                  <i class="devicon-linkedin-plain"></i><span class="menu-title sr-only">Linkedin</span></a>
+                </li>
               </ul>
             </nav>
           </div>
@@ -179,7 +182,7 @@
             <div class="progress-bar bg-alpha" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 88%" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
         </div>
-        <div class="mb-2"><span><i class="devicon-cplusplus-plain"> </i> C/C++</span>
+        <div class="mb-2"><span><i class="devicon-c-plain"></i> C / <i class="devicon-cplusplus-plain"> </i> C++</span>
           <div class="progress my-1">
             <div class="progress-bar bg-alpha" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
@@ -227,6 +230,19 @@
           </div>
         </div>
       </div>
+      <hr class="d-print-none"/>
+      <div class="list-section px-3 px-lg-4">
+        <h3 class="h4 mb-3">Certificats</h3>
+        <ul class="list-group">
+          <div class="mb-2"><span><i class="devicon-c-plain"></i> C : <a href="https://openclassrooms.com/fr/courses/19980-apprenez-a-programmer-en-c" target="_blank">OpenClassRoom Apprenez à programmer en C </a></span></div>
+          <div class="mb-2"><span><i class="devicon-cplusplus-plain"></i> C++ : <a href="https://openclassrooms.com/fr/courses/1894236-apprenez-a-programmer-en-c" target="_blank">OpenClassRoom Apprenez à programmer en C++ </a></span></div>
+          <div class="mb-2"><span><i class="devicon-csharp-plain"></i> C# : <a href="https://openclassrooms.com/fr/courses/1526901-apprenez-a-developper-en-c" target="_blank">OpenClassRoom Apprenez à développer en C# </a></span></div>
+          <div class="mb-2"><span><i class="devicon-php-plain"></i> PHP & <i class="devicon-mysql-original"></i> MySQL : <a href="https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql" target="_blank">OpenClassRoom Concevez votre site web avec PHP et MySQL </a></span></div>
+          <div class="mb-2"><span><i class="devicon-jquery-plain"></i> JQuery : <a href="https://openclassrooms.com/fr/courses/3504441-introduction-a-jquery" target="_blank">OpenClassRoom Introduction à jQuery </a></span></div>
+          <div class="mb-2"><span><i class="devicon-linux-plain"></i> Linux : <a href="https://openclassrooms.com/fr/courses/7274161-administrez-un-systeme-linux" target="_blank">OpenClassRoom Administrez un système Linux </a></span></div>
+          <div class="mb-2"><span> <i class="devicon-unrealengine-original"></i> Unreal Engine 4 : <a href="https://openclassrooms.com/fr/courses/2675311-developpez-votre-premier-jeu-video-avec-lunreal-engine-4" target="_blank">OpenClassRoom Développez votre premier jeu vidéo avec l'Unreal Engine 4 </a></span></div>
+        </ul>
+      </div>
     </div>
   </div>
   <hr class="d-print-none"/>
@@ -547,6 +563,9 @@
                 <li class="nav-item"><a class="nav-link" href="https://twitter.com/emerald_dot_moe" title="Twitter">
                   <i class="fa-brands fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
                 </li>
+                <li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/alex-frequelin-meyer-449b25261/" title="Linkedin">
+                  <i class="devicon-linkedin-plain"></i><span class="menu-title sr-only">Linkedin</span></a>
+                </li>
               </ul>
             </nav>
           </div>
diff --git a/styles/main.css b/styles/main.css
index eb2993c..8a33cbb 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -53,6 +53,14 @@ body {
 	background-color: var(--foregroundSecondaryColor);
 }
 
+a {
+	color: var(--primaryColor)
+}
+
+a:hover {
+	color: var(--secondaryColor)
+}
+
 /* Buttons */
 /* Inputs */
 /* Timeline custom component */