<!DOCTYPE html> <html>

{% include head.html %}

<body class=“ajax-loading” data-site-url=“arihant-001.github.io/aj-jekyll-blog-theme/” data-page-url=“{{ page.url | relative_url }}”>

{% include header.html %}

    {% include loader.html %}

    <div class="page">

            <div class="page__content" data-page-title="{{ page.title }}" data-image="{{ page.image | relative_url }}">

                    <section class="intro">

                            <div class="wrap">

                                    <h1>{{ page.title }}</h1>
                                    <p>{{ page.description }}</p>

                            </div>

                    </section>

                    <section class="single">

                            <div class="wrap">

                                    <div class="contact-form">

                                            <form method="post" action="{{ site.formspree_url }}" id="contact-form">

                                                    <div class="contact-form__item">
                                                            <label class="contact-form__label">Email Address *</label>
                                                            <input type="text" name="email" placeholder="Your email address..." class="contact-form__input">
                                                    </div>

                                                    <div class="contact-form__item">
                                                            <label class="contact-form__label">Name *</label>
                                                            <input type="text" name="name" placeholder="Your name..." class="contact-form__input">
                                                    </div>

                                                    <div class="contact-form__item">
                                                            <label class="contact-form__label">Message *</label>
                                                            <textarea name="message" placeholder="Your message..." class="contact-form__textarea"></textarea>
                                                    </div>

                                                    <input type="hidden" name="_next" value="/thanks">
                                                    <input type="hidden" name="_subject" value="Contact form submission">
                                                    <input type="text" name="_gotcha" style="display: none;" class="contact-form__gotcha" val="">

                                                    <div class="contact-form__item">
                                                            <input type="submit" value="Send Message" class="button button--large">
                                                    </div>

                                            </form>

                                    </div>

                                    <p>We’ve made a contact form that you can use with <a href="https://formspree.io/create/">Formspree</a> to handle up to 50 submissions per month for free. You could also easily switch out the end-point to use another contact form service.</p>

                            </div>

                    </section>

            </div>

    </div>

</body>

</html>