---
layout: default
---

<div class="uk-section">
    <div class="uk-container uk-container-xsmall">

        <article markdown="span" class="uk-article">

            <h1 class="uk-article-title">{{ page.title | escape }}</h1>

            <div markdown="span" class="article-content">
                {{ content }}
            </div>

        </article>

        {% if page.formspree.email %}
        <h3 class="uk-margin-medium-top">Contact Form</h3>
        <form class="uk-form-stacked uk-margin-medium-top" method="POST" action="https://formspree.io/{{ page.formspree.email }}" accept-charset="UTF-8">
            <div class="uk-margin-medium-bottom">
                <label class="uk-form-label uk-margin-small-bottom" for="form-stacked-text">Name</label>
                <div class="uk-form-controls">
                    <input class="uk-input uk-form-large uk-border-rounded" name="name" type="text" required>
                </div>
            </div>
            <div class="uk-margin-medium-bottom">
                <label class="uk-form-label uk-margin-small-bottom" for="form-stacked-text">Email</label>
                <div class="uk-form-controls">
                    <input class="uk-input uk-form-large uk-border-rounded" name="_replyto" type="email" required>
                </div>
            </div>
            <div class="uk-margin-medium-bottom">
                <label class="uk-form-label uk-margin-small-bottom" for="form-stacked-text">Subject</label>
                <div class="uk-form-controls">
                    <input class="uk-input uk-form-large uk-border-rounded" name="_subject" type="text">
                </div>
            </div>
            <div class="uk-margin-medium-bottom">
                <label class="uk-form-label uk-margin-small-bottom" for="form-stacked-text">Message</label>
                <div class="uk-form-controls">
                    <textarea class="uk-textarea uk-form-large" name="message" rows="5" minlength="10" required></textarea>
                </div>
            </div>
            <div>
                {% if page.formspree.redirect %}
                <input type="hidden" name="_next" value="{{ page.formspree.redirect | absolute_url }}">
                {% endif %}
                <input type="text" name="_gotcha" style="display:none">
                <input class="uk-button uk-button-primary uk-button-large uk-width-1-1 uk-border-rounded" type="submit" value="Send">
            </div>
        </form>
        {% endif %}

    </div>
</div>