{{#section "styles"}}
<link rel="stylesheet" href="/static/css/contact.css" />
{{/section}}
<section>
  <h2>{{title}}</h2>
  <form action="/contact" method="POST">
    <div class="form-group">
      <label class="required" for="name">Name</label>
      <input id="name" name="name" required />
    </div>

    <div class="form-group">
      <label class="required" for="email">Email</label>
      <input id="email" name="email" type="email" required pattern="[a-zA-Z0-9-_\.]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*" />
    </div>
    <div class="form-group">
      <label class="required" for="message">Message</label>
      <textarea id="message" name="message" rows="5" required></textarea>
    </div>

    <button type="submit">Send</button>
  </form>
  <p class="required-note"><small><sup>*</sup> Required field</small></p>
</section>