Ajout d'une selection a la page home.php + Système de badge (non fini mais fonctionnel)

pages/home.php

@@ -10,6 +10,58 @@ require_once('./../elements/header.php');
 
 //Si du CSS / ou des images s'affichent mal, il faut penser à vider le cache, version de développement uniquement.
 
+?>
+<!-- Message d'alerte pour les utilisateurs de la démo -->
+<div class="alert-message">
+    <p>Si le CSS ou les images s'affichent mal, pensez à vider
+        le cache de votre navigateur (Ctrl + F5 ou Cmd + Shift + R) pour voir les dernières modifications. Version de développement uniquement.</p>
+</div>
+
+<!-- Section d'exploration rapide -->
+<section class="quick-links-section">
+    <div class="quick-links-header">
+        <!-- Titre et description de la section -->
+        <h2>Explorer</h2>
+        <p>Accède rapidement aux sections principales du portfolio.</p>
+    </div>
+    <!-- Grille de cartes de redirection vers les différentes page -->
+    <div class="quick-links-grid">
+        <a href="../pages/projects.php" class="quick-link-card">
+            <div class="quick-link-icon">
+                <i class="fa-solid fa-folder-open"></i>
+            </div>
+            <h3>Projets</h3>
+            <p>Voir mes réalisations.</p>
+        </a>
+
+        <a href="../pages/xp.php" class="quick-link-card">
+            <div class="quick-link-icon">
+                <i class="fa-solid fa-briefcase"></i>
+            </div>
+            <h3>Expériences</h3>
+            <p>Découvrir mes stages et missions réalisées.</p>
+        </a>
+
+        <a href="../pages/skills.php" class="quick-link-card">
+            <div class="quick-link-icon">
+                <i class="fa-solid fa-code"></i>
+            </div>
+            <h3>Compétences</h3>
+            <!-- Page où il y aura toutes mes compétences -->
+            <p>PAS ENCORE DEV</p>
+        </a>
+
+        <a href="../pages/contact.php" class="quick-link-card">
+            <div class="quick-link-icon">
+                <i class="fa-solid fa-paper-plane"></i>
+            </div>
+            <h3>Contact</h3>
+            <p>Me contacter rapidement pour échanger.</p>
+        </a>
+    </div>
+</section>
+
+<?php
 // Ajout du footer
 require_once('../elements/footer.php');
 ?>

pages/skills.php

@@ -0,0 +1,9 @@
+<?php
+
+// Compétences
+
+// On ajoute ici le header
+require_once('./../elements/header.php');
+
+// Ajout du footer
+require_once('../elements/footer.php'); ?>