New website focusing on ERP services.
This commit is contained in:
@@ -1,14 +1,17 @@
|
||||
{% extends 'layouts/layout.html' %}
|
||||
|
||||
{% block title %}{{ model.title }}{% endblock %}
|
||||
{% block page_head %}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='dist/css/core_contact.bundle.css') }}">
|
||||
{% endblock %}
|
||||
|
||||
{% block page_nav_links %}
|
||||
{#
|
||||
<a href="#contact-form">Contact Form</a>
|
||||
<a href="#contact-details">Contact Details</a>
|
||||
#}
|
||||
{% endblock %}
|
||||
|
||||
{% block page_body %}
|
||||
<!-- Include Stylesheet
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/sections/core.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/pages/core/contact.css') }}">
|
||||
-->
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='dist/css/core_contact.bundle.css') }}">
|
||||
|
||||
<script>
|
||||
function loadRecaptcha() {
|
||||
var script = document.createElement('script');
|
||||
@@ -20,104 +23,170 @@
|
||||
window.addEventListener('load', loadRecaptcha);
|
||||
</script>
|
||||
|
||||
<!-- HTML content -->
|
||||
<div class="card">
|
||||
<form id="{{ model.ID_FORM_CONTACT }}" class="container" action="{{ url_for('routes_core.contact') }}" method="POST">
|
||||
<h2 class="label-title">Complete the form or find our details below.</h2>
|
||||
<!--
|
||||
<div class="{{ model.FLAG_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="{{ model.FLAG_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="{{ model.FLAG_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="{{ model.FLAG_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_contact.hidden_tag() }}
|
||||
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
|
||||
{{ model.form_contact.email.label }}
|
||||
{{ model.form_contact.email(size=254) }}
|
||||
{% for error in model.form_contact.email.errors %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<!--
|
||||
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
|
||||
{{ model.form_contact.CC.label }}
|
||||
{{ model.form_contact.CC(checked=True) }}
|
||||
{% for error in model.form_contact.name.errors %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
-->
|
||||
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
|
||||
{{ model.form_contact.name.label }}
|
||||
{{ model.form_contact.name(size=50) }}
|
||||
{% for error in model.form_contact.name.errors %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
|
||||
{{ model.form_contact.message.label }}
|
||||
{{ model.form_contact.message(rows=4, cols=80) }}
|
||||
{% for error in model.form_contact.name.errors %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
|
||||
{{ model.form_contact.recaptcha() }}
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
|
||||
{{ model.form_contact.submit() }}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!-- Table
|
||||
<section class="contact-form">
|
||||
<div class="{{ model.FLAG_CONTAINER }}">
|
||||
<form id="{{ model.ID_FORM_CONTACT }}" class="contact-form-content" action="{{ url_for('routes_core.contact') }}" method="POST">
|
||||
<h2 class="section-title">Complete the form or find our details below</h2>
|
||||
{{ model.form_contact.hidden_tag() }}
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="model.FLAG_LEFT_HAND_STUB"></th>
|
||||
<th class="model.FLAG_RIGHT_HAND_SIDE"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="{{ model.FLAG_EMAIL }}">
|
||||
<td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.email.label }}</td>
|
||||
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.email(size=254) }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
|
||||
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
|
||||
{% for error in model.form_contact.email.errors %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<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>
|
||||
<tr class="{{ model.FLAG_CONTACT_NAME }}">
|
||||
<td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.contact_name.label }}</td>
|
||||
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.contact_name(size=254) }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
|
||||
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
|
||||
{% for error in model.form_contact.contact_name.errors %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="{{ model.FLAG_COMPANY_NAME }}">
|
||||
<td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.company_name.label }}</td>
|
||||
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.company_name(size=254) }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
|
||||
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
|
||||
{% for error in model.form_contact.company_name.errors %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="{{ model.FLAG_MESSAGE }}">
|
||||
<td class="{{ model.FLAG_LEFT_HAND_STUB }}">{{ model.form_contact.message.label }}</td>
|
||||
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">{{ model.form_contact.message(rows=4, columns=80) }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="{{ model.FLAG_LEFT_HAND_STUB }}"></td>
|
||||
<td class="{{ model.FLAG_RIGHT_HAND_SIDE }}">
|
||||
{% for error in model.form_contact.message.errors %}
|
||||
<p class="error">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="{{ model.FLAG_CONTAINER_CHECKBOX }} {{ model.FLAG_RECEIVE_MARKETING }}">
|
||||
{{ model.form_contact.receive_marketing(size=20) }}
|
||||
{{ model.form_contact.receive_marketing.label }}
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER }}">
|
||||
{{ model.form_contact.recaptcha() }}
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
|
||||
{{ model.form_contact.submit() }}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
|
||||
<h4>{{ model.app.MAIL_CONTACT_PUBLIC }}</h4>
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}" style="padding-top: 0; width: fit-content;">
|
||||
<a href="{{ model.URL_LINKEDIN }}" class="{{ model.FLAG_CONTAINER_ICON_AND_LABEL }} {{ model.FLAG_COLUMN }}">
|
||||
<img class="img-icon" src="{{ url_for('static', filename='images/Logo_LinkedIn.png') }}" alt="LinkedIn" aria-label="LinkedIn"></img>
|
||||
<h4>LinkedIn</h4>
|
||||
</a>
|
||||
<a href="{{ model.URL_GITHUB }}" class="{{ model.FLAG_CONTAINER_ICON_AND_LABEL }} {{ model.FLAG_COLUMN }}">
|
||||
<img class="img-icon" src="{{ url_for('static', filename='images/Logo_GitHub.png') }}" alt="GitHub" aria-label="GitHub"></img>
|
||||
<h4>GitHub</h4>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Include JavaScript
|
||||
<script type="module" src="{{ url_for('static', filename='js/sections/core.js') }}"></script>
|
||||
<script type="module" src="{{ url_for('static', filename='js/pages/core/contact.js') }}"></script>
|
||||
</section>
|
||||
-->
|
||||
|
||||
|
||||
<!-- Divs -->
|
||||
{% set form = model.form_contact %}
|
||||
<section class="contact-section">
|
||||
<div class="contact-form">
|
||||
<h1>Contact Us</h1>
|
||||
<p>Please fill in the form below and we'll get back to you as soon as possible.</p>
|
||||
|
||||
<form id="contact-form" method="POST" action="{{ url_for('routes_core.contact') }}">
|
||||
{{ form.csrf_token }}
|
||||
|
||||
<div class="form-grid">
|
||||
<label class="form-label" for="{{ form.email.id }}">{{ form.email.label.text }} *</label>
|
||||
<div>
|
||||
{{ form.email(class="form-input", required=True) }}
|
||||
</div>
|
||||
|
||||
<label class="form-label" for="{{ form.contact_name.id }}">{{ form.contact_name.label.text }} *</label>
|
||||
<div>
|
||||
{{ form.contact_name(class="form-input", required=True) }}
|
||||
</div>
|
||||
|
||||
<label class="form-label" for="{{ form.company_name.id }}">{{ form.company_name.label.text }} *</label>
|
||||
<div>
|
||||
{{ form.company_name(class="form-input", required=True) }}
|
||||
</div>
|
||||
|
||||
<label class="form-label" for="{{ form.message.id }}">{{ form.message.label.text }} *</label>
|
||||
<div>
|
||||
{{ form.message(class="form-input", required=True) }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="{{ model.FLAG_CONTAINER_CHECKBOX }} {{ model.FLAG_RECEIVE_MARKETING }} marketing-consent">
|
||||
{{ model.form_contact.receive_marketing() }}
|
||||
{{ model.form_contact.receive_marketing.label }}
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER }}">
|
||||
{{ model.form_contact.recaptcha() }}
|
||||
</div>
|
||||
<div class="{{ model.FLAG_CONTAINER_INPUT }}">
|
||||
{{ model.form_contact.submit() }}
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="data-notice">
|
||||
<h3>How we use your information</h3>
|
||||
<p>We will use the information you provide in this form to:</p>
|
||||
<ul>
|
||||
<li>Respond to your inquiry about our ERP implementation services</li>
|
||||
<li>Create and send you a proposal if requested</li>
|
||||
<li>Contact you regarding your interest in our services</li>
|
||||
</ul>
|
||||
|
||||
<p>If you opt in to marketing communications, we will also use your email address to send you updates about our services, ERPNext features, and relevant industry news. You can unsubscribe from these communications at any time.</p>
|
||||
|
||||
<p>We retain contact form submissions for customer service purposes and retain marketing consent records as required by law. For details about how long we keep your information, please see our <a href="{{ url_for('routes_legal.retention_schedule') }}">data retention schedule</a>.</p>
|
||||
|
||||
<p>For full details about how we handle your personal data, please read our <a href="{{ url_for('routes_legal.privacy_policy') }}">Privacy Policy</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{# included in footer now
|
||||
<section class="contact-details">
|
||||
<div class="{{ model.FLAG_CONTAINER }}">
|
||||
<h2>Our contact details</h2>
|
||||
<div class="expertise-card">
|
||||
<ul>
|
||||
<li>Email: {{ model.get_mail_contact_public() }}</li>
|
||||
<li>LinkedIn: <a href="https://www.linkedin.com/in/teddyms/">linkedin.com/in/teddyms</a></li>
|
||||
<li>GitHub: <a href="https://github.com/Teddy-1024/">github.com/Teddy-1024</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
#}
|
||||
|
||||
<script>
|
||||
var idEmail = "#{{ model.ID_EMAIL }}";
|
||||
var idMessage = "#{{ model.ID_MESSAGE }}";
|
||||
var idName = "#{{ model.ID_NAME }}";
|
||||
|
||||
/*
|
||||
$(document).ready(function() {
|
||||
stylePageContact();
|
||||
hookupPageContact();
|
||||
});
|
||||
*/
|
||||
var idContactName = "#{{ model.ID_CONTACT_NAME }}";
|
||||
var idCompanyName = "#{{ model.ID_COMPANY_NAME }}";
|
||||
var idReceiveMarketing = "#{{ model.ID_RECEIVE_MARKETING }}";
|
||||
</script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user