<div class="container mt-5">
  <div class="row">
    <div class="col-12 mb-4">
      <h1>Contact Us</h1>
    </div>
  </div>
  <form action="mailto:training_wa@wycliffeassociates.org" method="get" enctype="text/plain">
    <div class="row">
      <div class="col-6 col-lg-4 mb-4">
        <input type="text" class="form-control" name="firstname" id="firstname" placeholder="First name">
      </div>
      <div class="col-6 col-lg-4 mb-4">
        <input type="text" class="form-control" name="lastname" id="lastname" placeholder="Last name">
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-lg-8 mb-4">
        <input type="email" required class="form-control" name="email-address" id="email-address" placeholder="Email Address">
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-lg-8 mb-4">
        <input type="text" class="form-control" name="company-name" id="company-name" placeholder="Company Name">
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-lg-8 mb-4">
        <input type="text" class="form-control" name="address" id="address" placeholder="Address">
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-lg-8 mb-4">
        <input type="tel" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" class="form-control" name="phone" id="phone" placeholder="Phone">
      </div>
    </div>
    <div class="row">
      <div class="col-12 col-lg-8 mb-4">
        <textarea class="form-control" required id="message" rows="7" name="message" placeholder="Your Message"></textarea>
      </div>
    </div>
    <div class="row">
      <div class="col6 mb-4">
        <input class="btn btn-secondary" type="submit" value="Send Message">
      </div>
      <div class="col-6 mb-4">
        <input class="btn btn-secondary" type="reset" name="reset" value="Clear Form" />
      </div>
    </div>
  </form>
</div>