sheppy/flask-json-dream-website
1
0
Fork 0
mirror of https://github.com/FAUSheppy/flask-json-dream-website synced 2025-12-09 09:18:31 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

implement contact form

Browse Source
This commit is contained in:
Yannik Schmidt
2020-09-01 01:50:22 +02:00
parent 3b2afaad0b
commit c4e1edfed6
3 changed files with 109 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
templates/contact.html Normal file
View File

@@ -0,0 +1,79 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Leauge of Legends Coaching">
<!-- 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>