diff --git a/index.html b/index.html
index 0dfe551..f25f77f 100644
--- a/index.html
+++ b/index.html
@@ -172,37 +172,48 @@ In id suscipit elit.</code></pre>
     <div class="card-header">
       <h3 class="card-title">Catégories</h3>
     </div>
-    <ul class="list-group">
-      <li class="no-pills"><a class="list-group-item"><i class="fa fa-folder-open"></i> Lorem <span class="badge">3</span></a></li>
-      <li class="no-pills"><a class="list-group-item"><i class="fa fa-folder-open"></i> Canard <span class="badge">3</span></a></li>
-      <li class="no-pills"><a class="list-group-item"><i class="fa fa-folder-open"></i> Chou-fleurs <span class="badge">3</span></a></li>
-      <li class="no-pills"><a class="list-group-item last-element"><i class="fa fa-folder-open"></i> Fiche de jeu <span class="badge">3</span></a></li>
-    </ul>
+    <div class="list-group list-group-flush">
+      <a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
+        Cras justo odio
+        <span class="badge badge-primary badge-pill">14</span>
+      </a>
+      <a href="#" class="list-group-item list-group-item-action">Images</a>
+      <a href="#" class="list-group-item list-group-item-action">Canard</a>
+      <a href="#" class="list-group-item list-group-item-action">Test</a>
+      <a href="#" class="list-group-item list-group-item-action">Fak u garon</a>
+    </div>
   </section>
 
   <section class="card card-warning">
     <div class="card-header">
       <h3 class="card-title"> Archive</h3>
     </div>
-    <ul class="list-group">
-      <li class="no-pills"><a class="list-group-item">1986 <span class="badge">3</span></a></li>
-      <li class="no-pills"><a class="list-group-item">2000 <span class="badge">3</span></a></li>
-      <li class="no-pills"><a class="list-group-item">2001 <span class="badge">3</span></a></li>
-      <li class="no-pills"><a class="list-group-item last-element">1 2392 <span class="badge">3</span></a></li>
-      <li class="no-pills"><a class="list-group-item last-element">Un jour <span class="badge">3</span></a></li>
-    </ul>
+    <div class="list-group list-group-flush">
+      <a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
+        Cras justo odio
+        <span class="badge badge-primary badge-pill">14</span>
+      </a>
+      <a href="#" class="list-group-item list-group-item-action">Images</a>
+      <a href="#" class="list-group-item list-group-item-action">Canard</a>
+      <a href="#" class="list-group-item list-group-item-action">Test</a>
+      <a href="#" class="list-group-item list-group-item-action">Fak u garon</a>
+    </div>
   </section>
 
   <section class="card card-danger">
-    <div class="card-header">
-      <h3 class="card-title">Navigation</h3>
+      <div class="card-header">
+        <h3 class="card-title">Navigation</h3>
+      </div>
+      <div class="list-group list-group-flush">
+      <a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
+        Cras justo odio
+        <span class="badge badge-primary badge-pill">14</span>
+      </a>
+      <a href="#" class="list-group-item list-group-item-action">Images</a>
+      <a href="#" class="list-group-item list-group-item-action">Canard</a>
+      <a href="#" class="list-group-item list-group-item-action">Test</a>
+      <a href="#" class="list-group-item list-group-item-action">Fak u garon</a>
     </div>
-    <ul class="list-group">
-      <li class="no-pills"><a class="list-group-item">Forum</a></li>
-      <li class="no-pills"><a class="list-group-item">Contact</a></li>
-      <li class="no-pills"><a class="list-group-item">Administration</a></li>
-      <li class="no-pills"><a class="list-group-item last-element">Page (pas) secrète</a></li>
-    </ul>
   </section>