forked from ag_kommunikation/webseite
52 lines
2.9 KiB
HTML
52 lines
2.9 KiB
HTML
{% extends "header_slim.html" %}
|
|
{%- block title -%}{{ this.title }}{%- endblock -%}
|
|
{%- block meta_description -%}
|
|
{%- if this.meta_description is defined and this.meta_description != "" -%}
|
|
{{ this.meta_description }}
|
|
{%- else -%}
|
|
Werkkooperative der Technikfreundinnen eG
|
|
{%- endif -%}
|
|
{%- endblock -%}
|
|
{% block body %}
|
|
<div class="content__box">
|
|
<div class="content__inner_box">
|
|
<h1>{{ this.title }}</h1>
|
|
</div>
|
|
</div>
|
|
<section class="content -odd">
|
|
<div class="content__box">
|
|
<div class="content__inner_box -width_constraint">
|
|
{{ this.body }}
|
|
</div>
|
|
<div class="content__inner_box -width_constraint content__contact_form_wrapper" style="display:none">
|
|
<h2>Kontaktformular</h2>
|
|
<form id="contact_form" class="content__contact_form">
|
|
<p class="contact_form__note">
|
|
Deine E-Mail-Adresse wird nicht veröffentlicht.<br>
|
|
<span aria-hidden="true">Erforderliche Felder sind gekennzeichnet <span class="contact_form--required" aria-hidden="true">*</span></span>
|
|
</p>
|
|
<p class="contact_form__textarea">
|
|
<label for="message">Nachricht <span class="contact_form--required" aria-hidden="true">*</span></label>
|
|
<textarea id="message" class="contact_form__message" aria-label="message" aria-hidden="true" cols="65" rows="7" name="message" required></textarea>
|
|
</p>
|
|
<p class="contact_form__text_input">
|
|
<label for="name">Name <span class="contact_form--required" aria-hidden="true">*</span></label>
|
|
<input id="name" class="contact_form__name" name="name" type="text" value="" size="30" maxlength="245" required />
|
|
</p>
|
|
<p class="contact_form__text_input">
|
|
<label for="email">E-Mail-Adresse <span class="contact_form--required" aria-hidden="true">*</span></label>
|
|
<input id="email" class="contact_form__email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-address" required />
|
|
</p>
|
|
<p class="contact_form__captcha">
|
|
<label for="captcha">Captcha <span class="contact_form--required" aria-hidden="true">*</span></label>
|
|
<input id="captcha" class="contact_form__captcha" name="captcha" type="captcha" value="…" size="30" maxlength="100" required placeholder="Wie viele Ecken hat ein Pentagramm?"/>
|
|
</p>
|
|
<p class="contact_form__submit">
|
|
<input name="submit" type="submit" id="submit" class="contact_form__submit_button" value="Kommentar abschicken" />
|
|
<p class="contact_form__feedback"></p>
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock %} |