From 68e618ad418c4bbe789549345428594f80fae67d Mon Sep 17 00:00:00 2001
From: gws <glennws@pm.me>
Date: Wed, 13 Nov 2024 13:00:29 +0100
Subject: [PATCH] implemented the contact form

---
 content/contact.md | 30 ++++++++++++++++++++----------
 sass/form.scss     |  2 +-
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/content/contact.md b/content/contact.md
index 9796c2a..5fc7c06 100644
--- a/content/contact.md
+++ b/content/contact.md
@@ -26,16 +26,26 @@ disable_toc = true
   </div>
   <div class="second-container">
     <h2>Send Us A Message</h2>
-    <form>
-      <div class="form-group"><label for="name-input">Tell us your name*</label><input id="name-input" type="text"
-          placeholder="First name" required="required" /><input type="text" placeholder="Last name"
-          required="required" /></div>
-      <div class="form-group"><label for="email-input">Enter your email*</label><input id="email-input" type="text"
-          placeholder="Eg. example@email.com" required="required" /></div>
-      <div class="form-group"><label for="phone-input">Enter phone number*</label><input id="phone-input" type="text"
-          placeholder="Eg. +1 800 000000" required="required" /></div>
-      <div class="form-group"><label for="message-textarea">Message</label><textarea id="message-textarea"
-          placeholder="Write us a message"></textarea></div><button>Send message</button>
+    <form action="https://api.web3forms.com/submit" method="POST" hx-boost=false>
+    <input type="hidden" name="access_key" value="7c21a4d7-8cc2-4712-8fd4-6726b2fdb578">
+      <div class="form-group">
+        <label for="name-input">Tell us your name*</label>
+        <input id="name-input" type="text" name="name"
+          placeholder="Robin Exampleson" required="required"/>
+      </div>
+      <div class="form-group">
+        <label for="email-input">Enter your email*</label>
+        <input id="email-input" type="text" name="email"
+          placeholder="Eg. example@email.com" required="required" />
+      </div>
+      <!-- <div class="form-group"><label for="phone-input">Enter phone number*</label><input id="phone-input" type="text" -->
+          <!-- placeholder="Eg. +1 800 000000" required="required" /></div> -->
+      <div class="form-group">
+        <label for="message-textarea">Message</label>
+        <textarea id="message-textarea" name="message" required
+          placeholder="Write us a message"></textarea>
+      </div>
+      <button type="submit">Send message</button>
     </form>
   </div>
 </div>
diff --git a/sass/form.scss b/sass/form.scss
index e247737..bbf2d86 100644
--- a/sass/form.scss
+++ b/sass/form.scss
@@ -126,7 +126,7 @@ body {
         }
 
         &:first-of-type input {
-          width: 50.0%;
+          /* width: 50.0%; */
           /* margin-right: -1px; */
         }