Add some fields to the contact-us form and enable mailto

This commit is contained in:
Leonard Smith 2021-04-07 07:51:53 -05:00
parent 00ebd61c15
commit eac57f9dec
1 changed files with 24 additions and 6 deletions

View File

@ -4,29 +4,47 @@
<h1>Contact Us</h1>
</div>
</div>
<form>
<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" placeholder="First name">
<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" placeholder="Last name">
<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" class="form-control" placeholder="Email Address">
<input type="email" 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">
<textarea class="form-control" id="Message" rows="7" placeholder="Your Message"></textarea>
<input type="text" class="form-control" name="company-name" id="company-address" placeholder="Company Name">
</div>
</div>
<div class="row">
<div class="col-12 mb-4">
<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="text" 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" 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>