=======================================================================
This is a working contact form. To receive email,
Replace YOUR_ACCESS_KEY_HERE with your actual Access Key.
Create Access Key here 👉 https://web3forms.com/
=======================================================================
<div class="flex items-center min-h-screen bg-gray-900">
<div class="container mx-auto">
<div class="max-w-md mx-auto my-10 bg-gray-800 p-5 rounded-md shadow-sm">
<div class="text-center">
<h1 class="my-3 text-3xl font-semibold text-gray-100">Contact Us</h1>
<p class="text-gray-400 dark:text-gray-400">
Fill up the form below to send us a message.
<form action="https://api.web3forms.com/submit" method="POST" id="form">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE" />
value="New Submission from Web3Forms"
<input type="checkbox" name="botcheck" id="" style="display: none;" />
<label for="name" class="block mb-2 text-sm text-gray-400"
class="w-full px-3 py-2 h-12 rounded-sm placeholder-gray-500 text-gray-900 bg-gray-100 text-sm focus:outline-none"
<label for="email" class="block mb-2 text-sm text-gray-400"
class="w-full px-3 py-2 h-12 rounded-sm placeholder-gray-500 text-gray-900 bg-gray-100 text-sm focus:outline-none"
<label for="phone" class="block mb-2 text-sm text-gray-400"
placeholder="+1 (555) 1234-567"
class="w-full px-3 py-2 h-12 rounded-sm placeholder-gray-500 text-gray-900 bg-gray-100 text-sm focus:outline-none"
<label for="message" class="block mb-2 text-sm text-gray-400"
placeholder="Your Message"
class="w-full px-3 py-2 rounded-sm placeholder-gray-500 text-gray-900 bg-gray-100 text-sm focus:outline-none"
class="w-full bg-indigo-600 inline-block text-white no-underline hover:text-indigo-100 py-4 px-4 rounded-sm focus:outline-none"
<p class="text-base text-center text-gray-400" id="result"></p>