mirror of
https://github.com/FAUSheppy/flask-json-dream-website
synced 2025-12-06 08:11:35 +01:00
79 lines
2.6 KiB
HTML
79 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
{% include 'head.html' %}
|
|
|
|
</head>
|
|
|
|
<body>
|
|
{% include 'navbar.html' %}
|
|
<div class="container" style="margin-top: 4vw;">
|
|
<section class="mb-4">
|
|
<h2 class="h1-responsive font-weight-bold text-center my-4">{{ conf['CONTACT_HEADLINE'] }}
|
|
</h2>
|
|
<p class="text-center w-responsive mx-auto mb-5"> </p>
|
|
<div class="row">
|
|
<div class="col-md-9 mb-md-0 mb-5">
|
|
<form id="contact-form" name="contact-form"
|
|
action="contact-api" method="POST" enctype='application/json'>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="md-form mb-0">
|
|
<input placeholder="{{ conf['CONTACT_PLACEHOLDER_NAME'] }}"
|
|
type="text" id="name" name="name" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="md-form mb-0">
|
|
<input type="text" id="email" name="email" class="form-control"
|
|
placeholder="{{ conf['CONTACT_PLACEHOLDER_EMAIL'] }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-2">
|
|
<div class="col-md-12">
|
|
<div class="md-form mb-0">
|
|
<input type="text" id="subject" name="subject" class="form-control"
|
|
placeholder="{{ conf['CONTACT_PLACEHOLDER_SUBJECT'] }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-2">
|
|
<div class="col-md-12">
|
|
<div class="md-form">
|
|
<textarea type="text" id="message" name="message" rows="2"
|
|
placeholder="{{ conf['CONTACT_PLACEHOLDER_TEXTAREA'] }}"
|
|
class="form-control md-textarea"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="text-center text-md-left mt-2">
|
|
<a class="btn btn-primary" onclick="document.getElementById('contact-form').submit();">Send</a>
|
|
</div>
|
|
<div class="status"></div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="col-md-3 text-center">
|
|
<ul class="list-unstyled mb-0">
|
|
<li><i class="fas fa-envelope mt-4 fa-2x"></i>
|
|
<p>rejectmail@atlantishq.de</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
-->
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|