From 1444a9cedc7e71403303915d34eeda27ededc81d Mon Sep 17 00:00:00 2001
From: Fabienmcll <contact.fabienmichel@gmail.com>
Date: Mon, 2 Dec 2024 22:54:41 +0100
Subject: [PATCH] - Ajout du portfolio et de strava.

---
 css/style.css | 23 ++++++++++++++++++++---
 index.html    |  4 ++++
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 1a1a300..9b8c502 100644
--- a/css/style.css
+++ b/css/style.css
@@ -111,11 +111,20 @@ body{
     
 }
 
+.card .link .portfolio{
+    background-color: #6A0DAD;
+    transition: transform 0.3s ease, background-color 0.3s ease;
+}
+
 .card .link .github{
     background-color: #181717;
     transition: transform 0.3s ease, background-color 0.3s ease;
 }
 
+.card .portfolio:hover{
+    background-color: #8E44AD;
+}
+
 .card .github:hover{
     background-color: #383636;
 }
@@ -140,9 +149,6 @@ body{
     background-color: #0c5196;
 }
 
-
-
-
 .card .link .spotify{
     margin-top: 30px;
     margin-bottom: 30px;
@@ -160,10 +166,21 @@ body{
     transition: transform 0.3s ease, background-color 0.3s ease;
 }
 
+.card .link .strava{
+    margin-top: 30px;
+    background-color: #FC5200;
+    transition: transform 0.3s ease, background-color 0.3s ease;
+}
+
 .card  .link .discord:hover{
         background-color: #4a54c4;
 }
 
+.card  .link .strava:hover{
+    background-color: #FF6A33;
+}
+
+
 .card  .link .email{
     margin-top: 30px;
     background-color:  #FF0000;
diff --git a/index.html b/index.html
index 4522bac..048addd 100644
--- a/index.html
+++ b/index.html
@@ -27,20 +27,24 @@
             <p>Salut, moi c'est Fabien, je suis développeur et actuellement en BAC + 3 licence CPLR (Chef de Projet Logiciel et Réseau) en alternance chez Ibou.fr. Suivez mes projets et découvertes ici !</p>
         
         <div class="link">
+            <a class="portfolio" href="https://fabienmcl.fr" target="_blank">Portfolio </a>
             <a class="github" href="https://github.com/Fabienmcll" target="_blank">Github </a>
             <a class="gitea" href="https://gitea.fabienmcl.fr/Fabienmcl" target="_blank">Gitea </a>
             <a class="linkedin" href="https://www.linkedin.com/in/fabien-michel-272a5327b/" target="_blank">Linkedin</a>
             <a class="email" href="mailto:fabienmclll@gmail.com" target="_blank">Email</a>
             <a class="discord" href="discord.html" target="_blank">Discord</a>
+            <a class="strava" href="https://www.strava.com/athletes/86402812" target="_blank">Strava</a>
             <a class="spotify" href="https://open.spotify.com/user/rddh0kh4tgvp6iwtbhlctpfvp" target="_blank">Spotify</a>
         </div>
 
         <div class="icons">
+            <a href="https://fabienmcl.fr" target="_blank"><i class='bx bx-laptop' style='color:#ffffff' ></i></a>
             <a href="https://github.com/Fabienmcll" target="_blank"> <i class='bx bxl-github' style='color:#ffffff;'></i></a>
             <a href="https://gitea.fabienmcl.fr/Fabienmcl" target="_blank"> <i class='bx bxl-git' style="color: #ffffff;" ></i></a>
             <a href="https://www.linkedin.com/in/fabien-michel-272a5327b/" target="_blank"> <i class='bx bxl-linkedin-square' style="color: #ffffff;"></i></a>
             <a href="mailto:fabienmclll@gmail.com" target="_blank"> <i class='bx bxl-gmail' style='color:#ffffff;' ></i></a>
             <a href="discord.html" target="_blank"> <i class='bx bxl-discord-alt' style='color:#ffffff' ></i></a>
+            <a href="https://www.strava.com/athletes/86402812" target="_blank"><i class='bx bx-run' style='color:#ffffff'  ></i></a>
             <a href="https://open.spotify.com/user/rddh0kh4tgvp6iwtbhlctpfvp" target="_blank"><i class='bx bxl-spotify' style='color:#ffffff' ></i></a>
         </div>