layouts/shortcodes/contact.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

{{ resources.Get "css/contact.css" | minify | fingerprint | .Page.Scratch.SetInMap "css" "contact" }}
<form class="Contact" name="contact" method="POST" netlify{{ if site.Params.netlify.honeypot }} netlify-honeypot="bot"{{ end }}{{ if site.Params.netlify.recaptcha }} netlify-recaptcha{{ end }}{{ with .Get 0 }} action="{{ . }}"{{ end }}>
  <ul class="Contact-group">
    {{ if site.Params.netlify.honeypot }}
    <li class="Contact-hidden">
      <label>Don’t fill this out if you're human:</label>
      <input name="bot">
    </li>
    {{ end }}
    <li class="Contact-item">
      <label class="Contact-label" for="Contact-name">Name:</label>
      <input class="Contact-input" id="Contact-name" type="text" name="name" autofocus>
    </li>
    <li class="Contact-item">
      <label class="Contact-label" for="Contact-email">Email:</label>
      <input class="Contact-input" id="Contact-email" type="email" name="email">
    </li>
    <li class="Contact-item">
      <label class="Contact-label" for="Contact-subject">Subject:</label>
      <input class="Contact-input" id="Contact-subject" type="text" name="subject">
    </li>
    <li class="Contact-item">
      <label class="Contact-label" for="Contact-message">Message:</label>
      <textarea class="Contact-input Contact-input--textbox" id="Contact-message" name="message"></textarea>
    </li>
    {{ if site.Params.netlify.recaptcha }}<div netlify-recaptcha></div>{{ end }}
    <li class="Contact-item">
      <button class="Contact-button" type="submit">Send</button>
    </li>
  </ul>
</form>