Banner

For A Free Invoice Fill Out The Required Sections Below

Close-up of excavator at construction site. Backhoe digging soil for earthwork and construction business. Excavating machine at work. Heavy machinery for earth moving and construction site development

Embed

<div class="client-form-wrapper">
  <form
    class="client-form"
    action="https://formsubmit.co/bau1029@gmail.com"
    method="POST"
    onsubmit="showThankYouMessage()"
  >
    <h2>New Client Request</h2>
    <p>Please fill out the form below so we can get back to you quickly.</p>

    
    <input type="hidden" name="_subject" value="New Client Request">
    <input type="hidden" name="_captcha" value="false">

    <label>
      Full Name
      <input type="text" name="name" placeholder="Your full name" required>
    </label>

    <label>
      Phone Number
      <input type="tel" name="phone" placeholder="(555) 123-4567" required>
    </label>

    <label>
      Job Location
      <input type="text" name="location" placeholder="City or job address" required>
    </label>

    <label>
      How soon are you looking to get it done?
      <select name="timeline" required>
        <option value="">Select timeframe</option>
        <option>Immediately</option>
        <option>Within 1–2 weeks</option>
        <option>Within 1 month</option>
        <option>1–3 months</option>
        <option>Just planning / not sure yet</option>
      </select>
    </label>

    <button type="submit">Submit Request</button>
  </form>

  <p id="thank-you" style="display:none; font-size:16px; font-weight:bold; color:#f07e0c; margin-top:20px;">
    Thank you! Your request has been submitted. We’ll be in touch soon.
  </p>
</div>

<style>
  .client-form-wrapper {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    background: #ffffff;
  }

  .client-form {
    width: 100%;
    max-width: 520px;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    font-family: Arial, sans-serif;
  }

  .client-form h2 {
    margin-bottom: 8px;
    font-size: 24px;
  }

  .client-form p {
    margin-bottom: 24px;
    font-size: 14px;
    color: #555;
  }

  .client-form label {
    display: block;
    margin-bottom: 18px;
    font-weight: 600;
    font-size: 14px;
  }

  .client-form input,
  .client-form select {
    width: 100%;
    margin-top: 6px;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 14px;
  }

  .client-form input:focus,
  .client-form select:focus {
    border-color: #f07e0c;
    outline: none;
  }

  .client-form button {
    width: 100%;
    padding: 14px;
    background: #f07e0c;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-radius: 6px;
    cursor: pointer;
  }

  .client-form button:hover {
    background: #d86f09;
  }
</style>

<script>
  function showThankYouMessage() {
    document.querySelector('.client-form').style.display = 'none';
    document.getElementById('thank-you').style.display = 'block';
  }
</script>