andreleon/aanmelden.html

## aanmelden.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>Aanmelden</title><!-- titel van het document -->
</head>
<body>
	<header><!-- pagina header -->
		<h1>Aanmelden</h1>
	</header>
	<div><!-- alle artikels -->
		<article><!-- een artikel -->
			<p>Bent u geinteresseerd in samenwerken met CMD Amsterdam? Dat kan!
			Tijdens de opleiding werken studenten aan projecten voor echte opdrachtgevers.
			Ook lopen de studenten stage, in het tweede en afstudeerjaar.</p>

			<em>CMD Amsterdam zoekt altijd naar positieve verbindingen met de creatieve
			stad Amsterdam.</em>

			<p>Voor het aanmelden van stageplekken of projecten kunt u onderstaand
			formulier invullen. Wij nemen zo nodig contact met u op nadat het formulier is verstuurd.
			Voor vragen of opmerkingen kunt u <a href="#contact">contact</a> met ons op.</p>

			<form><!-- het aanmeldformulier -->
				<fieldset><!-- contactgegevens -->
					<legend>Contactgegevens:</legend>

					<label>Naam <input type="text" required></label>

					<label>Bedrijf <input type="text" required></label>

					<label>Adres <input type="text"></label>

					<label>Postcode <input type="text" pattern="[1-9][0-9]{3}\s?[a-zA-Z]{2}"></label>

					<label>Plaats <input type="text"></label>

					<label>Telefoon <input type="tel" required></label>

					<label>Email <input type="email" required></label>
				</fieldset>
				<fieldset><!-- waar voor aanmelden radiobuttons -->
					<legend>Ik wil mij aanmelden:</legend><!-- Een van de twee moet gekozen worden -->

					<label>Voor een project <input type="radio" name="pofs" value="project" required></label>

					<label>Als stagebedrijf <input type="radio" name="pofs" value="stage" required></label>
				</fieldset>
				<fieldset><!-- project aanmeldformulier -->
					<legend>Project</legend>
						<fieldset>
							<legend>Projectomschrijving</legend>

							<label>Titel <input type="text"></label>

							<label>Opdrachtonschrijving <textarea></textarea></label>

							<label>Doelgroepomschrijving <textarea></textarea></label>

							<label>Doelstelling/intentievanhetproject <textarea></textarea></label>

							<label>Looptijd <input type="text" placeholder="Aantal weken"></label>

							<label>Deadline <input type="text" placeholder="DD-MM-YY"></label>
					</fieldset>
					<fieldset>
						<legend>Geschikt voor:</legend>

						<label>eerstejaars studenten <input type="radio" name="geschiktp" value="eerste"></label>

						<label>tweedejaars studenten <input type="radio" name="geschiktp" value="tweede"></label>

						<label>derdejaars studenten <input type="radio" name="geschiktp" value="derde"></label>

						<label>afstudeer studenten <input type="radio" name="geschiktp" value="afstudeer"></label>

						<label>onbekend <input type="radio" name="geschiktp" value="onbekend"></label>
					</fieldset>
					<fieldset>
						<legend>Opmerking</legend>
						<textarea></textarea>
					</fieldset>
				</fieldset>
				<fieldset><!-- stage aanmeldformulier -->
					<legend>Stage</legend>
					<fieldset>
						<legend>Geschikt voor:</legend>

						<label>tweedejaars studenten <input type="radio" name="geschikts" value="tweede"></label>

						<label>afstudeer studenten <input type="radio" name="geschikts" value="afstudeer"></label>

						<label>onbekend <input type="radio" name="geschikts" value="onbekend"></label>
					</fieldset>
					<fieldset>
						<legend>Hoe lang is de stage?</legend>

						<label>10 weken <input type="radio" name="duurstage" value="tien"></label>

						<label>20 weken <input type="radio" name="duurstage" value="twintig"></label>

						<label>Begin datum <input type="text" placeholder="DD-MM-YY"></label>
					</fieldset>
					<fieldset>
						<legend>Beschrijving werkzaamheden</legend>

						<label>Beschrijving stagewerkzaamheden <textarea></textarea></label>
					</fieldset>
					<fieldset>
						<legend>Beschrijving stagebedrijf</legend>

						<label>Bedrijfsnaam <input type="text"></label>

						<label>Adres <input type="text"></label>

						<label>Postcode <input type="text" pattern="[1-9][0-9]{3}\s?[a-zA-Z]{2}"></label>

						<label>Plaats <input type="text"></label>

						<label>Sector <input type="text"></label>

						<label>Core Business <input type="text"></label>
					</fieldset>
					<fieldset>
						<legend>Opmerking</legend>
						<textarea></textarea>
					</fieldset>
				</fieldset>
				<input type="submit" value="Stuur">
			</form>
		</article>
	</div>
	<footer><!-- page footer -->

	</footer>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Aanmelden</title><!-- titel van het document -->
	</head>
	<body>
	<header><!-- pagina header -->
	<h1>Aanmelden</h1>
	</header>
	<div><!-- alle artikels -->
	<article><!-- een artikel -->
	<p>Bent u geinteresseerd in samenwerken met CMD Amsterdam? Dat kan!
	Tijdens de opleiding werken studenten aan projecten voor echte opdrachtgevers.
	Ook lopen de studenten stage, in het tweede en afstudeerjaar.</p>

	<em>CMD Amsterdam zoekt altijd naar positieve verbindingen met de creatieve
	stad Amsterdam.</em>

	<p>Voor het aanmelden van stageplekken of projecten kunt u onderstaand
	formulier invullen. Wij nemen zo nodig contact met u op nadat het formulier is verstuurd.
	Voor vragen of opmerkingen kunt u <a href="#contact">contact</a> met ons op.</p>

	<form><!-- het aanmeldformulier -->
	<fieldset><!-- contactgegevens -->
	<legend>Contactgegevens:</legend>

	<label>Naam <input type="text" required></label>

	<label>Bedrijf <input type="text" required></label>

	<label>Adres <input type="text"></label>

	<label>Postcode <input type="text" pattern="[1-9][0-9]{3}\s?[a-zA-Z]{2}"></label>

	<label>Plaats <input type="text"></label>

	<label>Telefoon <input type="tel" required></label>

	<label>Email <input type="email" required></label>
	</fieldset>
	<fieldset><!-- waar voor aanmelden radiobuttons -->
	<legend>Ik wil mij aanmelden:</legend><!-- Een van de twee moet gekozen worden -->

	<label>Voor een project <input type="radio" name="pofs" value="project" required></label>

	<label>Als stagebedrijf <input type="radio" name="pofs" value="stage" required></label>
	</fieldset>
	<fieldset><!-- project aanmeldformulier -->
	<legend>Project</legend>
	<fieldset>
	<legend>Projectomschrijving</legend>

	<label>Titel <input type="text"></label>

	<label>Opdrachtonschrijving <textarea></textarea></label>

	<label>Doelgroepomschrijving <textarea></textarea></label>

	<label>Doelstelling/intentievanhetproject <textarea></textarea></label>

	<label>Looptijd <input type="text" placeholder="Aantal weken"></label>

	<label>Deadline <input type="text" placeholder="DD-MM-YY"></label>
	</fieldset>
	<fieldset>
	<legend>Geschikt voor:</legend>

	<label>eerstejaars studenten <input type="radio" name="geschiktp" value="eerste"></label>

	<label>tweedejaars studenten <input type="radio" name="geschiktp" value="tweede"></label>

	<label>derdejaars studenten <input type="radio" name="geschiktp" value="derde"></label>

	<label>afstudeer studenten <input type="radio" name="geschiktp" value="afstudeer"></label>

	<label>onbekend <input type="radio" name="geschiktp" value="onbekend"></label>
	</fieldset>
	<fieldset>
	<legend>Opmerking</legend>
	<textarea></textarea>
	</fieldset>
	</fieldset>
	<fieldset><!-- stage aanmeldformulier -->
	<legend>Stage</legend>
	<fieldset>
	<legend>Geschikt voor:</legend>

	<label>tweedejaars studenten <input type="radio" name="geschikts" value="tweede"></label>

	<label>afstudeer studenten <input type="radio" name="geschikts" value="afstudeer"></label>

	<label>onbekend <input type="radio" name="geschikts" value="onbekend"></label>
	</fieldset>
	<fieldset>
	<legend>Hoe lang is de stage?</legend>

	<label>10 weken <input type="radio" name="duurstage" value="tien"></label>

	<label>20 weken <input type="radio" name="duurstage" value="twintig"></label>

	<label>Begin datum <input type="text" placeholder="DD-MM-YY"></label>
	</fieldset>
	<fieldset>
	<legend>Beschrijving werkzaamheden</legend>

	<label>Beschrijving stagewerkzaamheden <textarea></textarea></label>
	</fieldset>
	<fieldset>
	<legend>Beschrijving stagebedrijf</legend>

	<label>Bedrijfsnaam <input type="text"></label>

	<label>Adres <input type="text"></label>

	<label>Postcode <input type="text" pattern="[1-9][0-9]{3}\s?[a-zA-Z]{2}"></label>

	<label>Plaats <input type="text"></label>

	<label>Sector <input type="text"></label>

	<label>Core Business <input type="text"></label>
	</fieldset>
	<fieldset>
	<legend>Opmerking</legend>
	<textarea></textarea>
	</fieldset>
	</fieldset>
	<input type="submit" value="Stuur">
	</form>
	</article>
	</div>
	<footer><!-- page footer -->

	</footer>
	</body>
	</html>