From 19c9114ef4d6d075d7d39970b70423b6122bbe72 Mon Sep 17 00:00:00 2001
From: tuxwarrior <git.tuxwarrior@fmail.cx>
Date: Mon, 19 Jun 2023 09:02:07 +0000
Subject: [PATCH] + en contact form

---
 md/contact/contact_web3forms_en.md | 79 ++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 md/contact/contact_web3forms_en.md

diff --git a/md/contact/contact_web3forms_en.md b/md/contact/contact_web3forms_en.md
new file mode 100644
index 0000000..745a55a
--- /dev/null
+++ b/md/contact/contact_web3forms_en.md
@@ -0,0 +1,79 @@
+<form id="contact_form" action="https://api.web3forms.com/submit" method="POST">
+
+    <!-- REQUIRED: Your Access key here. Don't worry this can be public -->
+    <input type="hidden" name="access_key" value="9d4fd4c8-7404-469c-8ab9-75a852f89d00">
+
+    <!-- Optional: Subject an be prefilled using type="hidden"
+        or type="text" for normal user submitted input -->
+    <input type="hidden" name="subject" value="[frodr.com] New submission">
+
+    <!-- Optional: From Name you want to see in the email
+        Default is "Notifications". you can overwrite here -->
+    <input type="hidden" name="from_name" value="frodr.com">
+
+    <!-- Optional: To send the form submission as CC email
+        This feature available to PRO Plan users only -->
+    <!--input type="hidden" name="ccemail" value="partner@example.com"-->
+
+    <!-- Optional: Default replyto will be "email" (if available)
+        you may overwrite replyto with different email here -->
+    <!--input type="hidden" name="replyto" value="customer@example.com"-->
+
+    <!-- Required: If submitting form without Javascript.
+        Default web3forms output is in JSON format. -->
+    <!-- Not Required: If javascript, use "window.location.hash" instead -->
+    <!--input type="hidden" name="redirect" value="https://web3forms.com/success"-->
+
+    <!-- Optional: But Recommended: To Prevent SPAM Submission.
+        Make sure its hidden by default -->
+    <input type="checkbox" name="botcheck" class="hidden" style="display: none;">
+
+    <!-- Webhooks: Send your form data to Notion, Google Sheets or Zapier.
+        This feature available to PRO & Starter Plan users only -->
+    <!--input type="hidden" name="webhook" value="WEBHOOK_URL_HERE" /-->
+
+    <!-- Google reCaptcha v3: To Prevent SPAM Submission.
+        This feature available to PRO & Starter Plan users only -->
+    <!--input type="hidden" name="recaptcha_response" id="recaptchaResponse"-->
+
+    <!-- Attachments: Make sure the <form> has enctype="multipart/form-data"
+        This feature available to PRO Plan users only -->
+    <!--input type="file" name="attachment" /-->
+
+    <!-- Custom Form Data: Form data you wish to receive in email. -->
+    <table>
+    <tr>
+        <td>E-mail:</td><td><input type="email" name="Email" required></td>
+    </tr>
+    <tr>
+        <td>Name:</td><td><input type="text" name="Name" required></td>
+    </tr>
+    <tr>
+        <td>Message:</td><td><textarea name="message" maxlength="1000" style="width: 500px; height: 250px;" required></textarea></td>
+    </tr>
+    <tr>
+        <td>&nbsp;</td><td><div class="h-captcha" data-captcha="true"></div></td>
+    </tr>
+    <tr>
+        <td>&nbsp;</td><td style="text-align: right;"><button type="submit">Send message</button></td>
+    </tr>
+    </table>
+
+</form>
+
+<script src="https://web3forms.com/client/script.js" async defer></script>
+
+<script>
+const form = document.getElementById('contact_form');
+​
+form.addEventListener('submit', function(e) {
+​
+    const hCaptcha = form.querySelector('textarea[name=h-captcha-response]').value;
+​
+    if (!hCaptcha) {
+        e.preventDefault();
+        alert("Please fill out captcha field")
+        return
+    }
+});
+</script>