diff --git a/src/_includes/partials/components/list.liquid b/src/_includes/partials/components/list.liquid
new file mode 100644
index 0000000..8caf96d
--- /dev/null
+++ b/src/_includes/partials/components/list.liquid
@@ -0,0 +1,10 @@
+{% if title %}
+  <h3>{{ title }}</h3>
+{% endif %}
+{% if content %}
+  <ul style="list-style-type: initial">
+    {% for element in content %}
+      <li>{{ element }}</li>
+    {% endfor %}
+  </ul>
+{% endif %}
\ No newline at end of file
diff --git a/src/pages/subpages/competences.liquid b/src/pages/subpages/competences.liquid
index 2994a61..3dcac41 100644
--- a/src/pages/subpages/competences.liquid
+++ b/src/pages/subpages/competences.liquid
@@ -5,25 +5,12 @@ order: 1
 classes: 'competences-section langues-section'
 ---
 
-<div>
+<div class="flex justify-center">
   <div class="col">
-    <h3>Compétences techniques</h3>
-    <ul style="list-style-type: initial">
-      <li>HTML</li>
-      <li>CSS</li>
-      <li>Bootstrap</li>
-      <li>Javascript</li>
-      <li>jQuery</li>
-      <li>Eleventy</li>
-    </ul>
-  </div>
-
-  <div class="col">
-    <h3>Langues</h3>
-    <ul style="list-style-type: initial">
-      <li>Français (langue maternelle)</li>
-      <li>Anglais</li>
-      <li>Allemand (Connaissance scolaires)</li>
-    </ul>
+    {% render "partials/components/list", title: "Compétences techniques", content: author.skills %}
+    </div>
+    
+    <div class="col">
+    {% render "partials/components/list", title: "Langues", content: author.lang %}
   </div>
 </div>
\ No newline at end of file