Templates / HTML, CSS

Quote request form

Contractors, studios, and freelancers collecting project details.

Live preview

Preview only — does not submit. Copy the code block below for the real snippet.

Copy-paste code

quote.html
<form action="https://formheron.com/f/YOUR_KEY" method="POST" style="max-width:32rem;margin:2rem auto;font-family:system-ui,sans-serif;display:grid;gap:.75rem">
  <input name="name" required placeholder="Name" />
  <input type="email" name="email" required placeholder="Email" />
  <input name="company" placeholder="Company" />
  <select name="budget" required>
    <option value="">Budget range</option>
    <option>Under $2k</option>
    <option>$2k–$10k</option>
    <option>$10k+</option>
  </select>
  <textarea name="project" rows="5" required placeholder="Project details"></textarea>
  <input type="text" name="_hp" tabindex="-1" autocomplete="off"
         aria-hidden="true" style="position:absolute;left:-9999px" />
  <button type="submit">Request quote</button>
</form>

What to change

  • Replace YOUR_KEY.
  • Adjust budget options to your market.
  • On Indie+, tag leads in the inbox by budget after they arrive.

Related templates