Added form styling
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user