diff --git a/includes/card.php b/includes/card.php
new file mode 100644
index 0000000..7106612
--- /dev/null
+++ b/includes/card.php
@@ -0,0 +1,14 @@
+<?php 
+
+function drawCard($color, $name, $description, $url, $sourcename, $sourceurl) {
+  echo "<div class='col-md-4'><div class='card card-" . $color . " mb-4 box-shadow'> <div class='card-body'>";
+  echo "<h4 class='align-center'>" . $name . "</h4>";
+  echo "<p class='card-text'>" . $description . "</p>";
+  echo "<div class='align-center'><a type='button' href='" . $url . "' class='btn btn-" . $color . "'>Accéder</a></div>";
+  echo "<p class='powered-text'>powered by <a href='" . $sourceurl . "'>" . $sourcename . "</a></p>";
+  echo "</div>";
+}
+
+?>
+
+
diff --git a/index.html b/index.html
index 3c689cc..e6f72ad 100644
--- a/index.html
+++ b/index.html
@@ -81,7 +81,7 @@
               <a type="button" href="https://git.chlore.net" class="btn btn-green">Accéder</a>
             </div>
             <div>
-              <p class="powered-text">powered by gitea</p>
+              <p class="powered-text">powered by <a href="https://gitea.io/en-us/">gitea</a></p>
             </div>
           </div>
         </div>
@@ -98,7 +98,7 @@
               <a type="button" href="#" class="btn btn-grey disabled">Coming Soon</a>
             </div>
             <div>
-              <p class="powered-text">powered by freshRSS</p>
+              <p class="powered-text">powered by <a href="https://freshrss.org/">freshRSS</a></p>
             </div>
           </div>
         </div>
@@ -115,7 +115,7 @@
               <a type="button" href="https://quarante-douze.net" class="btn btn-red">Accéder</a>
             </div>
             <div>
-            <p class="powered-text">powered by wordpress</p>
+            <p class="powered-text">powered by <a href="https://wordpress.org/">Wordpress</a></p>
             </div>
           </div>
         </div>
@@ -132,7 +132,7 @@
               <a type="button" href="https://kazhnuz.space" class="btn btn-violet">Accéder</a>
             </div>
             <div>
-              <p class="powered-text">powered by pluXML</p>
+              <p class="powered-text">powered by <a href="https://www.pluxml.org/">pluXML</a></p>
             </div>
           </div>
         </div>