diff --git a/static/badges/friends/21_12.webp b/static/badges/friends/21_12.webp
new file mode 100644
index 0000000..9b1cca3
Binary files /dev/null and b/static/badges/friends/21_12.webp differ
diff --git a/static/badges/friends/azazouille.webp b/static/badges/friends/azazouille.webp
new file mode 100644
index 0000000..5ea992c
Binary files /dev/null and b/static/badges/friends/azazouille.webp differ
diff --git a/static/css/index.css b/static/css/index.css
index 1fb2aa1..6e85ea3 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -62,3 +62,12 @@ h1 {
   font-size: calc(var(--font-size) * 1.6);
   margin-bottom: 0;
 }
+
+/* Friends */
+#friends a:hover {
+  opacity: 1;
+}
+
+#friends a {
+  padding-right: 10px;
+}
diff --git a/templates/index.html b/templates/index.html
index 16c549c..103e0c3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -49,18 +49,18 @@
         </p>
       </article>
 
-      <article>
+      <article id="friends">
         <h1>Personnes incroyables</h1>
         <a
           href="https://github.com/2-1-1-2"
-          title="21_12's GitHub"
+          title="GitHub de 21_12"
           target="_blank"
           rel="noreferrer"
           ><img src="/badges/friends/21_12.webp" alt="21_12" loading="lazy"
         /></a>
         <a
           href="https://twitter.com/azazouille_"
-          title="Azazouille's Twitter"
+          title="Twitter de Azazouille"
           target="_blank"
           rel="noreferrer"
           ><img