{% extends "base.html" %}

{% block head %}
{{ super() }}
<link rel="stylesheet" type="text/css" href="{{SITEURL}}/theme/css/contactpage.css">
{% endblock %}

{% block content %}
<div class="container container-contact pb-5">
    <div class="row pt-5">
        <div class="col-lg-6 col-md-6 col-sm-12 pt-5">
            <h1 class="contact-center">Get in touch</h1>
            <div class="contact-center contact-wrap pt-3">
                <p>We would love to hear your feedback about our work, queries and your story!</p>
                <p>WhatsApp / Phone number: +254-757-628-885</p>
                <p><a class="contact-link" href="https://chat.grassrootseconomics.net/cic/channels/town-square">Join our
                    chat server!</a></p>
                <p><a class="contact-link" href="https://discord.gg/ud32KMgH76">Join us
                    on discord!</a></p>
            </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12">
            <form class="pt-5" action="https://getform.io/f/a6936429-16b0-403b-b368-f2303e4dfef3" method="post">
                <div class="mb-3">
                    <label for="email" class="form-label">Email address</label>
                    <input type="email" class="form-control" id="email" name="email" aria-describedby="emailHelp" required>
                    <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
                </div>
                <div class="mb-3">
                    <label for="name-contact" class="form-label">Name</label>
                    <input type="text" class="form-control" id="name-contact" name="name" required>
                </div>
                <div class="mb-3">
                    <label for="subject" class="form-label">Subject</label>
                    <input type="text" class="form-control" id="subject" name="subject" required>
                </div>
                <div class="mb-3">
                    <label for="exampleFormControlTextarea1" class="form-label">Message</label>
                    <textarea class="form-control" id="exampleFormControlTextarea1" rows="5" name="message" required></textarea>
                </div>
                <button type="submit" class="btn btn-custom btn-block">Send us a message!</button>
            </form>
        </div>
    </div>
</div>
<hr class="cont-line">

{% endblock %}