generated from inherentlee/11ty
39 lines
1.5 KiB
Plaintext
39 lines
1.5 KiB
Plaintext
---
|
|
layout: page.njk
|
|
---
|
|
{% css %}{% include "css/form.css" %}{% endcss %}
|
|
|
|
{{ content | safe }}
|
|
|
|
<form action="https://formgrid.dev/api/f/842wiwnz" method="POST" class="contact-form">
|
|
<h2 class="center">Contact Us</h2>
|
|
<p class="center">All fields
|
|
<span aria-hidden="true">marked with an asterisk (<span class="red">*</span>)</span>
|
|
are required.</p>
|
|
|
|
<div class="name-email">
|
|
<div class="form-field">
|
|
<label for="name">Name <span class="red" aria-hidden="true">*</span></label>
|
|
<input id="name" type="text" name="name" placeholder="Your Name"
|
|
required aria-required="true" aria-describedby="name-error">
|
|
<p id="name-error" class="error">Name cannot be empty</p>
|
|
</div>
|
|
|
|
<div class="form-field">
|
|
<label for="email">Email <span class="red" aria-hidden="true">*</span></label>
|
|
<input id="email" type="email" name="email" placeholder="you@example.com"
|
|
required aria-required="true" aria-describedby="email-error">
|
|
<p id="email-error" class="error">Email cannot be empty</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-field">
|
|
<label for="message">Message <span class="red" aria-hidden="true">*</span></label>
|
|
<textarea id="message" name="message" rows="4" placeholder="What's your message?"
|
|
required aria-required="true" aria-describedby="message-error"></textarea>
|
|
<p id="message-error" class="error">Message cannot be empty</p>
|
|
</div>
|
|
|
|
<button type="submit" class="form-button">Send message</button>
|
|
</form>
|
