Build a Static Website on GitHub Pages

and add a fully working contact form using Fabform.io

1. Create Your GitHub Repository

Create a new public repository on GitHub.
Name it anything you like (e.g., my-static-site).
Go to Settings → Pages.
Set “Build and deployment” to Deploy from branch.
Select branch main and folder /root.

https://<your-username>.github.io/<repo-name>/

2. Add Your Static Website Files

Create an index.html file with the following content:

<form action="https://fabform.io/f/YOUR-FORM-ID" method="POST">
  <input type="text" name="name" placeholder="Your name" required />
  <input type="email" name="email" placeholder="Your email" required />
  <textarea name="message" placeholder="Message" required></textarea>
  <button type="submit">Send</button>
</form>

3. Create Your Fabform.io Endpoint

Go to Fabform.io and create a new form. Copy your endpoint:

https://fabform.io/f/abc123

4. Commit & Push Your Files

git add .
git commit -m "Add static site with Fabform contact form"
git push origin main

5. Visit Your Live Website

https://<your-username>.github.io/<repo-name>/

6. Test Your Contact Form

Submit a test message and check your Fabform dashboard under Submissions.