---
title: Contact
layout: default
use: [posts]
---
{% block content %}
    <div class="mt-2 mb-6">
        <p>To send me an email, complete the form below.</p>
    </div>

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

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

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

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

        <div data-netlify-recaptcha="true"></div>

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

        <input type="hidden" name="_next" value="{{ site.url }}/contact/thanks" />
        <input type="text" id="bot-field" class="hidden" />
    </form>
{% endblock %}