forked from ag_kommunikation/webseite
muli
ea1d0bf8aa
Unklar, ob ich die Datei noch umbenenne, da der Name des Links jetzt in die Irre führt. Der ewig lange Fingerprint des Keys macht auf jeden Fall unnötig große Schmerzen im Layout.
80 lines
3.6 KiB
HTML
80 lines
3.6 KiB
HTML
{% extends "header_with_logo.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 %}
|
|
{% for blk in this.section.blocks %}
|
|
{{ blk }}
|
|
{% endfor %}
|
|
|
|
<div class="contact__box">
|
|
<h1>Kontakt</h1>
|
|
|
|
<div class="contact_info__box">
|
|
<p>
|
|
<strong>WTF Kooperative eG</strong><br>
|
|
Forsmannstr. 14 b<br>
|
|
Hinterhaus, 3. OG<br>
|
|
22303 Hamburg
|
|
</p>
|
|
<p>
|
|
<strong>E-Mail:</strong><br>
|
|
office@wtf-eg.de
|
|
</p>
|
|
<p>
|
|
<strong>GnuPG Key:</strong><br>
|
|
<a href="/gnupg/1129A9F509FE1B36287202A2FE8772F9FB5D572F.asc" title="1129A9F509FE1B36287202A2FE8772F9FB5D572F">wtf_eg.asc</a>
|
|
</p>
|
|
</div>
|
|
<section class="contact_form_box">
|
|
<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__text_input">
|
|
<label for="name">Betreff <span class="contact_form--required" aria-hidden="true">*</span></label>
|
|
<input id="name" class="contact_form__subject" name="subject" type="text" value="" size="30" maxlength="245" required />
|
|
</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>
|
|
|
|
</div>
|
|
{% endblock %}
|