Files
dd-weekend/anmeldung/index.html

188 lines
6.7 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png" />
<link rel="manifest" href="../site.webmanifest" />
<link rel="mask-icon" href="../safari-pinned-tab.svg" color="#000000" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#040404" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Anmeldung | &lt;DD> Wochenende</title>
<link rel="stylesheet" href='https://ddwe.beging.de/css/ndws.css' />
</head>
<body >
<div class="nav">
<nav>
<div class="nav-left">
<a href='https://ddwe.beging.de/' class="header-logo">
<img src='https://ddwe.beging.de/assets/dd_white.png' />
</a>
<ul class="nav-links">
<a href='https://ddwe.beging.de/anmeldung/'>
<li class='active'>Anmeldung</li>
</a>
<a href='https://ddwe.beging.de/location/'>
<li >Location</li>
</a>
<a href='https://ddwe.beging.de/merch/'>
<li >Merchandise</li>
</a>
<a href='https://ddwe.beging.de/faq/'>
<li >FAQ</li>
</a>
</ul>
</div>
<div class="nav-right">
<ul class="nav-links">
</ul>
</div>
</nav>
</div>
<div id="sidebar">
<div class="hamburger">
<div data-action="toggle-sidebar">
<span></span>
<span></span>
<span></span>
</div>
</div>
<ul>
<a href='https://ddwe.beging.de/anmeldung/'>
<li>Anmeldung</li>
</a>
<a href='https://ddwe.beging.de/location/'>
<li>Location</li>
</a>
<a href='https://ddwe.beging.de/merch/'>
<li>Merchandise</li>
</a>
<a href='https://ddwe.beging.de/faq/'>
<li>FAQ</li>
</a>
</ul>
</div>
<div id="content">
<h1>Anmeldung</h1>
<hr />
<div class="center-container">
<div style="width: 100%;max-width: 600px;">
<p>
<ul>
<li>Die Anmeldung ist <strong>ab sofort</strong> für alle geöffnet.</li>
<li>Die Anmeldung ist verbindlich. Wer dann doch verhindert ist, muss selbst für Ersatz sorgen.</li>
<li>Die Basiskosten betragen 40 EUR (Übernachtung inkl. Frühstück &amp; Reinigung)</li>
<li>Abendessen &amp; Snacks kosten 8 EUR / Mahlzeit</li>
<li>Kalte Getränke werden organisiert, es gilt das Prinzip einer <a href="https://de.wikipedia.org/wiki/Kasse_des_Vertrauens" target="_blank" style="color: #000;"><strong>Kasse des Vertrauens</strong></a> für die Getränke</li>
<li>Nach der Anmeldung kontaktiert euch Marvin auf eurer <strong>E-Mail</strong> Adresse mit eurem Betrag und Zahlungsinformationen. Der Betrag ist <strong>bis 14 Tage nach Anmeldung</strong> zu begleichen, sonst kann der Platz wieder freigegeben werden.
</p>
<p style="display: flex;">
<strong>Rückfragen</strong>: <img src="../assets/mkmail.png" />
</p>
</div>
</li>
</ul>
</div>
<div class="center-container">
<form class="form" method="GET" action="https://ssl.webpack.de/beging.de/form/write/ddwe-anmeldung">
<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="mobil" name="mobil" type="text" />
<label for="mobil">Handynummer (für die Telegram-Gruppe)</label>
</div>
<div class="grow-1" style="display: flex;">
<input id="telegram" type="checkbox" checked />
<label for="telegram" style="align-self: center;">Ich will in die Telegram-Gruppe!</label>
</div>
<div class="grow-1">
<input id="hex" name="hex" type="text" placeholder="0x00" pattern="[0-9a-fA-F]{1,2}x[0-9a-fA-F]{1,2}" />
<label for="hex">Hex-ID (z.B. 0x00)</label>
</div>
<div class="grow-1">
<input id="chapter" name="chapter" type="text" />
<label for="chapter">Chapter</label>
</div>
<div class="grow-1">
<input id="abendFreitag" name="abendFreitag" type="checkbox" checked />
<label for="abendFreitag">Abendessen Freitag</label>
</div>
<div class="grow-1">
<input id="abendSamstag" name="abendSamstag" type="checkbox" checked />
<label for="abendSamstag">Abendessen Samstag</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">vegetarisch</option>
<option value="Veganer">vegan</option>
</select>
<label for="ernaehrung">Ernährung*</label>
</div>
<div class="grow-2">
<input id="allergien" name="allergien" type="text" />
<label for="allergien">Allergien</label>
</div>
<div class="grow-2">
<textarea id="message" name="message"></textarea>
<label for="message">Sonst noch was?</label>
</div>
<div class="grow-2">
<input id="bereit" type="checkbox" />
<label for="bereit">Mit dem Absenden dieses Formulars bestätige ich, dass ich bereit für dieses geile Erlebnis bin.</label>
</div>
<div class="grow-2">
</div>
<div class="grow-2">
<input class="btn btn-lg" type="submit" value="Verbindlich anmelden" />
</div>
</form>
</div>
</div>
<footer>
<div class="footer-row">
<div class="column">
<p>
<strong>Codename &lt;DD&gt;-Wochenende</strong>
</p>
<p>
28. bis 30. August 2020<br />
Eine Schnapsidee des Chapter Siegen: Name folgt...
</p>
<p>
<a href='http://durstiger-donnerstag.de/index.php?page=kontakt_impressum' target="_blank">Impressum</a> | <a href='http://durstiger-donnerstag.de/index.php?page=datenschutz' target="_blank">Datenschutzerklärung</a>
</p>
</div>
<div class="column">
<p>
<img src='https://ddwe.beging.de/assets/d5.png' >
</p>
</div>
</div>
</footer>
<script src='https://ddwe.beging.de/js/script.js'></script>
</body>
</html>