pelican-website-ge/ge-theme/templates/contactpage.html

48 lines
2.3 KiB
HTML

{% 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 %}