100 lines
4.6 KiB
HTML
100 lines
4.6 KiB
HTML
{% extends 'layout.html' %}
|
|
|
|
{% block title %}{{ model.title }}{% endblock %}
|
|
|
|
{% block page_body %}
|
|
<!-- Include Stylesheet -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/contact.css') }}">
|
|
|
|
<!-- HTML content -->
|
|
<div class="card">
|
|
<form id="{{ model.ID_FORM_CONTACT }}" class="container" action="{{ url_for('contact') }}" method="POST">
|
|
<h2 class="label-title">Complete the form or find our details below.</h2>
|
|
<!--
|
|
<div class="container-input">
|
|
<label for="sender_email">Email address</label> <!-- class="input-label" --
|
|
<input type="email" id="sender_email" name="sender_email" placeholder="Please enter your email address so we can get back to you." style="width: 50%;"/>
|
|
</div>
|
|
<div class="container-input">
|
|
<label for="sender_CC">
|
|
<input type="checkbox" id="sender_CC" name="sender_CC" checked/>Uncheck this box if you do not wish to receive a copy of the email
|
|
</label>
|
|
</div>
|
|
<div class="container-input">
|
|
<label for="sender_name">Name</label> <!-- class="input-label" --
|
|
<input type="text" id="sender_name" name="sender_name" placeholder="Please enter your preferred name." style="width: 30%;"/>
|
|
</div>
|
|
<div class="container-input">
|
|
<label for="sender_message">Message</label> <!-- class="input-label" --
|
|
<textarea id="sender_message" name="sender_message" rows="4" cols="80" placeholder="How can we help?"></textarea>
|
|
</div>
|
|
<button type="submit" id="submit_form_email">Submit request</button>
|
|
-->
|
|
{{ model.form.hidden_tag() }}
|
|
<div class="container-input">
|
|
{{ model.form.email.label }}
|
|
{{ model.form.email(size=254) }}
|
|
{% for error in model.form.email.errors %}
|
|
<p class="error">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
<!--
|
|
<div class="container-input">
|
|
{{ model.form.CC.label }}
|
|
{{ model.form.CC(checked=True) }}
|
|
{% for error in model.form.name.errors %}
|
|
<p class="error">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
-->
|
|
<div class="container-input">
|
|
{{ model.form.name.label }}
|
|
{{ model.form.name(size=50) }}
|
|
{% for error in model.form.name.errors %}
|
|
<p class="error">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="container-input">
|
|
{{ model.form.msg.label }}
|
|
{{ model.form.msg(rows=4, cols=80) }}
|
|
{% for error in model.form.name.errors %}
|
|
<p class="error">{{ error }}</p>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="container-input">
|
|
{{ model.form.recaptcha() }}
|
|
</div>
|
|
<div class="container-input">
|
|
{{ model.form.submit() }}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="{{ model.FLAG_CARD }} {{ model.FLAG_CONTAINER }} {{ model.FLAG_COLUMN }}">
|
|
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
|
<h3 class="label-title" style="padding-bottom: 0;">Where to find us</h3>
|
|
</div>
|
|
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
|
<h4>edward.middletonsmith@gmail.com</h4>
|
|
</div>
|
|
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}" style="padding-top: 0; width: fit-content;">
|
|
<a href="{{ model.url_LinkedIn }}" class="container-icon-label"><img class="img-icon" src="{{ url_for('static', filename='images/Logo_LinkedIn.png') }}" alt="LinkedIn"></img><!--<h4>LinkedIn</h4>--></a>
|
|
<a href="{{ model.url_GitHub }}" class="container-icon-label"><img class="img-icon" src="{{ url_for('static', filename='images/Logo_GitHub.png') }}" alt="GitHub"></img><!--<h4>GitHub</h4>--></a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Include JavaScript -->
|
|
<script src="{{ url_for('static', filename='js/contact.js') }}"></script>
|
|
|
|
<script>
|
|
var hashPageCurrent = "{{ model.HASH_PAGE_CONTACT }}";
|
|
var idEmail = "#{{ model.ID_EMAIL }}";
|
|
var idMessage = "#{{ model.ID_MESSAGE }}";
|
|
var idName = "#{{ model.ID_NAME }}";
|
|
|
|
$(document).ready(function() {
|
|
stylePageContact();
|
|
hookupPageContact();
|
|
});
|
|
</script>
|
|
{% endblock %} |