contact

<div class="form-group">
  <label for="name">Name</label>
  <input id="name" type="text" name="name" required autocomplete="name" maxlength="120" placeholder="Your name">
</div>

<div class="form-group">
  <label for="email">Email Address</label>
  <input id="email" type="email" name="email" required autocomplete="email" inputmode="email" maxlength="254" pattern="^[^@\s]+@[^@\s]+\.[^@\s]{2,}$" placeholder="name@example.com">
  <small class="form-help">Use an email inbox you can receive replies at.</small>
</div>

<div class="form-group">
  <label for="email-confirm">Confirm Email Address</label>
  <input id="email-confirm" type="email" name="email_confirm" required autocomplete="email" inputmode="email" maxlength="254" pattern="^[^@\s]+@[^@\s]+\.[^@\s]{2,}$" placeholder="name@example.com">
</div>

<div class="form-group">
  <label for="message">Message</label>
  <textarea id="message" name="message" required placeholder="Tell us how we can help you..."></textarea>
</div>

<div class="recaptcha-container">
  <div class="h-captcha" data-captcha="true"></div>
</div>

<button class="submit-button" type="submit">
  Send Message
  <i class="material-icons">send</i>
</button>