48 lines
2.2 KiB
HTML
48 lines
2.2 KiB
HTML
<div class="m-2 m-lg-4">
|
|
<div class="context-main-bg container py-2 my-2 py-lg-4 my-lg-4">
|
|
<h2 class="text-center mb-4">Contact Us</h2>
|
|
<div class="col-12 col-lg-6 offset-lg-3">
|
|
<p class="text-center text-lg-start">
|
|
Here at <strong>{SITENAME}</strong>, we highly value your feedback. We constantly strive to provide our users with the highest level of quality in everything we do.
|
|
</p>
|
|
<p class="text-center text-lg-start">
|
|
If you would like to provide any suggestions or comments on our service, we ask that you please fill out the quick form below and let us know what's on your mind.
|
|
</p>
|
|
</div>
|
|
<form method="post">
|
|
<!-- Name -->
|
|
<div class="mb-3 row">
|
|
<label for="name" class="col-lg-3 col-form-label text-lg-end">Name:</label>
|
|
<div class="col-lg-6">
|
|
<input type="text" class="form-control" name="name" id="name" required>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Email (Optional) -->
|
|
<div class="mb-3 row">
|
|
<label for="contactEmail" class="col-lg-3 col-form-label text-lg-end">E-mail: (optional)</label>
|
|
<div class="col-lg-6">
|
|
<input type="email" class="form-control" name="contactEmail" id="contactEmail">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Feedback -->
|
|
<div class="mb-3 row">
|
|
<label for="entry" class="col-lg-3 col-form-label text-lg-end">Feedback:</label>
|
|
<div class="col-lg-6">
|
|
<textarea class="form-control" name="entry" id="entry" rows="6" maxlength="2000" required></textarea>
|
|
<small class="form-text text-muted">Max: 2000 characters</small>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hidden Token -->
|
|
<input type="hidden" name="token" value="{TOKEN}">
|
|
|
|
<!-- Submit Button -->
|
|
<div class="text-center">
|
|
{TURNSTILE_WIDGET}
|
|
<button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Submit</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> |