diff --git a/templates/index.html b/templates/index.html
index 9d23c42..6189fb7 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,10 +10,49 @@
 
 <body>
   <h1>Sicherheitsunterweisung</h1>
+
   <form>
-    <label for="date-input">Datum</label>
-    <input type="date" name="date" id="date-input" />
+    <div id="date">
+      <label for="date-input">Datum</label>
+      <input type="date" name="date" id="date-input" />
+    </div>
+
+    <div id="time">
+      <label for="time-input">Uhrzeit</label>
+      <input type="time" name="time" id="time-input" />
+    </div>
+
+    <div id="state">
+      <label for="state-input">Stand vom</label>
+      <input type="date" name="state" id="state-input" />
+    </div>
+
+    <div id="location">
+      <label for="location-input">Ort</label>
+      <input type="text" name="location" id="location-input" />
+    </div>
+
+    <div id="participants">
+      <button type="button" hx-post="/add-participant/" hx-target="#participants" hx-swap="beforeend"
+        hx-trigger="click">
+        +
+      </button>
+
+      <div id="participant-{{ .ID }}">
+        <label for="participant-first-input-{{ .ID }}">Vorname</label>
+        <input type="text" name="participant-first" id="participant-first-input-{{ .ID }}" />
+
+        <label for="participant-last-input-{{ .ID }}">Nachname</label>
+        <input type="text" name="participant-last" id="participant-last-input-{{ .ID }}" />
+
+        <label for="participant-company-input-{{ .ID }}">Firma</label>
+        <input type="text" name="participant-company" id="participant-company-input-{{ .ID }}" />
+      </div>
+    </div>
+
+    <button type="submit">Senden</button>
   </form>
+
   <script src="/static/js/htmx.min.js" type="text/javascript"></script>
 </body>
 
diff --git a/templates/participant.html b/templates/participant.html
new file mode 100644
index 0000000..19ea9c5
--- /dev/null
+++ b/templates/participant.html
@@ -0,0 +1,12 @@
+{{ define "participant" }}
+<div id="participant-{{ .ID }}">
+  <label for="participant-first-input-{{ .ID }}">Vorname</label>
+  <input type="text" name="participant-first" id="participant-first-input-{{ .ID }}" />
+
+  <label for="participant-last-input-{{ .ID }}">Nachname</label>
+  <input type="text" name="participant-last" id="participant-last-input-{{ .ID }}" />
+
+  <label for="participant-company-input-{{ .ID }}">Firma</label>
+  <input type="text" name="participant-company" id="participant-company-input-{{ .ID }}" />
+</div>
+{{ end }}
