Add Kontaktformular

layouts/partials/kontakt-headless.html

@@ -3,6 +3,30 @@
   <div class="inner">
       <h2>{{ .Title }}</h2>
       <p>{{ .Content }}</p>
+      <br>
+      <h3>Oder verwendet das Kontaktformular</h3>
+  <form id="contactForm">
+    <div class="fields">
+      <div class="field half">
+        <label for="name">Name:</label>
+	<input type="text" name="name" id="name" required>
+      </div>
+      <div class="field half">
+	<label for="email">E-Mail:</label>
+	<input type="email" name="email" id="email" required>
+      </div>
+      <div class="field">
+        <label for="message">Nachricht:</label>
+	<textarea name="message" id="message" rows="5" required></textarea>
+      </div>
+    </div>
+    <ul class="actions">
+      <li>
+	  <button type="submit">Absenden</button>
+      </li>
+    </ul>
+  </form>
+  <div id="responseMessage" style="margin-top:20px;"></div>
   </div>
 </section>
 {{ end }}