diff --git a/.gitignore b/.gitignore
index ee57bce..08b779c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 **/.DS_Store
 **/*.html
+!index.html
 **/output/*
diff --git a/_site/index.html b/_site/index.html
new file mode 100644
index 0000000..9d4a023
--- /dev/null
+++ b/_site/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Training</title>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css"
+    />
+    <style>
+      ul {
+        list-style: square;
+      }
+      li ul {
+        margin-left: 15px;
+      }
+    </style>
+  </head>
+  <body>
+    <section class="section">
+      <div class="container">
+        <h1 class="title">Trainings</h1>
+        <p>
+          Below is the list of trainings I gave during my work. Some of the
+          slides are in french (<span class="tag is-light">🇫🇷</span>), while
+          others are in english (<span class="tag is-light">🇬🇧</span>)
+        </p>
+        <ul>
+          <li>
+            <a href="git-advanced.html">
+              Git advanced slides <span class="tag is-light">🇬🇧</span>
+            </a>
+          </li>
+          <li>
+            Gitlab CI <span class="tag is-light">🇫🇷</span>
+            <ul>
+              <li><a href="gitlab-ci-jour-1.html">Day 1 slides</a></li>
+              <li><a href="gitlab-ci-jour-2.html">Day 2 slides</a></li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </section>
+  </body>
+</html>
