Cleaning quote form template

⚠ As-is, this code has a placeholder address — messages sent through it go nowhere. Use the button above to get a working address (free), or point the form's action at your own server.

<style>
  .hf-form { display: grid; gap: 0.75rem; max-width: 28rem; font-family: system-ui, sans-serif; }
  .hf-form label { font-weight: 600; font-size: 0.9rem; }
  .hf-form input, .hf-form textarea, .hf-form select {
    width: 100%; padding: 0.5rem 0.6rem; font: inherit;
    border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;
  }
  .hf-form button {
    justify-self: start; padding: 0.55rem 1.4rem; font: inherit; font-weight: 600;
    background: #0b6e4f; color: #fff; border: none; border-radius: 6px; cursor: pointer;
  }
  .hf-hp { position: absolute; left: -9999px; }
</style>

<form class="hf-form" action="https://example.com/your-endpoint" method="POST">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required>
  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>
  <label for="phone">Phone</label>
  <input type="tel" id="phone" name="phone">
  <label for="property-type">Property type</label>
  <select id="property-type" name="property-type" required>
    <option>Apartment</option>
    <option>House</option>
    <option>Office</option>
    <option>Retail / other business</option>
  </select>
  <label for="approximate-size-m-or-rooms">Approximate size (m² or rooms)</label>
  <input type="text" id="approximate-size-m-or-rooms" name="approximate-size-m-or-rooms" required>
  <label for="how-often">How often?</label>
  <select id="how-often" name="how-often" required>
    <option>One-time</option>
    <option>Weekly</option>
    <option>Every two weeks</option>
    <option>Monthly</option>
  </select>
  <label for="area-or-postcode">Area or postcode</label>
  <input type="text" id="area-or-postcode" name="area-or-postcode" required>
  <label for="anything-else-we-should-know">Anything else we should know?</label>
  <textarea id="anything-else-we-should-know" name="anything-else-we-should-know" rows="5"></textarea>
  <!-- honeypot: humans never see this; bots fill it in. Drop submissions where it has a value. -->
  <input class="hf-hp" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true">
  <button type="submit">Request quote</button>
</form>