Added form styling

This commit is contained in:
Andre Beging
2020-02-12 22:13:45 +01:00
parent b93080cd34
commit bce1c032d1
7 changed files with 246 additions and 11 deletions

View File

@@ -1,8 +1,46 @@
---
title: Kontakt & Anfahrt
title: Anmeldung
date: '2020-02-12'
---
Anmeldeformular kommt
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfBLKLXulGQOIXj123Q6vQL2a-w5qPV342561C9GE0O_6FDcg/viewform?embedded=true" width="100%" height="1491" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
<div class="center-container">
<div style="width: 100%;max-width: 600px;">
<p>
Die Anmeldung ist vorerst nur für Chapter-Mitglieder geöffnet.
</p>
</div>
</div>
<div class="center-container">
<form class="form">
<div class="grow-1">
<input id="name" name="name" type="text" required />
<label for="name">Name</label>
</div>
<div class="grow-1">
<input id="mail" name="mail" type="email" required />
<label for="mail">E-Mail</label>
</div>
<div class="grow-1">
<input id="hex" name="hex" type="text" placeholder="0x00" required pattern="[0-9a-fA-F]{1,2}x[0-9a-fA-F]{1,2}f" />
<label for="hex">Hex-ID (z.B. 0xC0)</label>
</div>
<div class="grow-1">
<input id="chapter" name="chapter" type="text" required />
<label for="chapter">Chapter</label>
</div>
<div class="grow-2">
<select id="ernaehrung" name="ernaehrung" required>
<option selected></option>
<option value="Fleisch">Ich esse Fleisch</option>
<option value="Vegetarier">Vegetarier</option>
<option value="Veganer">Veganer</option>
</select>
<label for="ernaehrung">Ernährung</label>
</div>
<div class="grow-2">
</div>
<div class="grow-2">
<input class="btn" type="submit" value="Verbindlich anmelden" />
</div>
</form>
</div>