Show list of examples

source/index.html.twig

@@ -1,16 +1,18 @@
 ---
 layout: base
+title: Building Bootstrap Components with Tailwind CSS
 use:
   - examples
 ---
 
-<ul>
+<div class="max-w-xl mx-auto py-10 prose">
-  {% for example in data.examples %}
+  <h1 class="text-center">{{ page.title }}</h1>
-    <li>
-      <a href="{{ example.url }}">
-      {{ example.title }}
-      </a>
-    </li>
-  {% endfor %}
-</ul>
 
+  <ul>
+    {% for example in data.examples %}
+      <li>
+        <a href="{{ example.url }}">{{ example.title }}</a>
+      </li>
+    {% endfor %}
+  </ul>
+</div>