oliverdavies.uk/source/contact.html.twig

---
title: Contact
layout: default
use: [posts]
---
{% block content %}
    <p>To send me an email, complete the form below.</p>

    <form name="contact" method="POST" action="/contact/thanks" data-netlify="true" netlify-honeypot="bot-field">
        <label for="name" class="block mb-1">Name</label>
        <input type="text"
               class="w-full p-2 mb-4 border border--grey"
               name="name"
               required>

        <label for="email" class="block mb-1">Email</label>
        <input type="email"
               class="w-full p-2 mb-4 border border--grey"
               name="email"
               required>

        <label for="subject" class="block mb-1">Subject</label>
        <input type="text"
               class="w-full p-2 mb-4 border border--grey"
               name="subject"
               required>

        <label for="message" class="block mb-1">Message</label>
        <textarea name="message"
                  class="w-full p-2 mb-4 border border--grey"
                  rows="5"
                  required>
        </textarea>

        <button class="button" type="submit">
            Send email
        </button>

        <input type="hidden"
               name="_next"
               value="{{ site.url }}/contact/thanks" />

        <input type="text" name="bot-field" class="hidden" />
    </form>
{% endblock %}

{% block body_classes 'page--contact' %}