forked from WEB-IMB-WS2526/lab-development-imb
73 lines
2.7 KiB
HTML
73 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="styles_workshop.css">
|
|
<title>Workshop-Anmeldung</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Workshop-Anmeldung</h1>
|
|
<form action="https://web-637691723779.europe-west2.run.app/registrierung" method="post">
|
|
<fieldset>
|
|
<legend>Persönliche Angaben:</legend>
|
|
<label for="vorname">Vorname:</label><br>
|
|
<input type="text" name="vorname" id="vorname" placeholder="Vorname" required><br>
|
|
|
|
<label for="nachname">Nachname:</label><br>
|
|
<input type="text" name="nachname" id="nachname" placeholder="Nachname" required><br>
|
|
|
|
<label for="email">E-Mail:</label><br>
|
|
<input type="email" name="email" id="email" autocomplete="email"><br>
|
|
|
|
<label for="telefon">Handynummer:</label><br>
|
|
<input type="tel" name="telefon" id="telefon" pattern="^01[5-7][0-9]{7,10}$"><br><br>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<legend>Kursauswahl:</legend>
|
|
<label for="kurs">Kurs:</label><br>
|
|
<input type="text" name="kurs" id="kurs" value="Webentwicklung Basics" readonly disabled><br><br>
|
|
|
|
<label for="sessions">Bevorzugte Sessions:</label><br>
|
|
<select id="sessions" name="sessions" class="styled-select" multiple size="4">
|
|
<option value="vormittag">Vormittag</option>
|
|
<option value="nachmittag">Nachmittag</option>
|
|
<option value="abendsession">Abend</option>
|
|
<option value="wochenende">Wochenende</option>
|
|
</select><br>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<legend>Zusätzliche Optionen:</legend>
|
|
<input type="checkbox" id="agb" name="agb" class="styled-checkbox" required>
|
|
<label for="agb">Ich akzeptiere die Teilnahmebedingungen.</label><br>
|
|
|
|
<input type="checkbox" id="newsletter" name="newsletter" value="ja" class="styled-checkbox" >
|
|
<label for="newsletter">Newsletter abonnieren.</label><br>
|
|
|
|
<input type="checkbox" id="equipment" name="equipment" value="ja" class="styled-checkbox" >
|
|
<label for="equipment">Ich benötige spezielles Equipment.</label><br>
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<legend>Teilnahmeformat:</legend>
|
|
Format wählen:<br>
|
|
<input type="radio" id="online" name="format" value="online" class="styled-radio" required>
|
|
<label for="online">Online</label><br>
|
|
|
|
<input type="radio" id="praesenz" name="format" value="praesenz" class="styled-radio">
|
|
<label for="praesenz">Präsenz</label><br>
|
|
</fieldset>
|
|
<br>
|
|
<input class="submit-button" type="submit" value="Jetzt anmelden">
|
|
</form>
|
|
</body>
|
|
|
|
</html> |