Inputs

<div class="flow--onehalf">
    <div class="form_set">
        <label for="email">Deine E-Mail:</label>
        <input type="email" name="email" id="email" placeholder="hans@mustermann.de" />
    </div>

    <div class="form_set">
        <label for="gender">Dein Geschlecht</label>
        <select name="gender" id="gender">
            <option value="female">Weiblich</option>
            <option value="male">Männlich</option>
            <option value="x">Geheim</option>
        </select>
    </div>

    <label for="switch" class="label--switch">
        <input type="checkbox" name="switch" id="switch" />
        <div class="fakebox"></div>

        <span>Design verbessern</span>
    </label>

    <label for="check" class="label--checkbox">
        <input type="checkbox" name="check" id="check" />
        <span>Checkbox stylen</span>
    </label>

    <p>Du hast dich bereits registriert? <a href="#login">Anmelden</a></p>

    <div class="form_footer">
        <p class="font--small text--subdued">
            <a href="#new">Passwort vergessen?</a>
        </p>
    </div>

</div>
<div class="flow--onehalf">
	<div class="form_set">
		<label for="email">Deine E-Mail:</label>
		<input
			type="email"
			name="email"
			id="email"
			placeholder="hans@mustermann.de"
		/>
	</div>

	<div class="form_set">
		<label for="gender">Dein Geschlecht</label>
		<select name="gender" id="gender">
			<option value="female">Weiblich</option>
			<option value="male">Männlich</option>
			<option value="x">Geheim</option>
		</select>
	</div>

	<label for="switch" class="label--switch">
		<input type="checkbox" name="switch" id="switch" />
		<div class="fakebox"></div>

		<span>Design verbessern</span>
	</label>

	<label for="check" class="label--checkbox">
		<input type="checkbox" name="check" id="check" />
		<span>Checkbox stylen</span>
	</label>

	<p>Du hast dich bereits registriert? <a href="#login">Anmelden</a></p>

	<div class="form_footer">
		<p class="font--small text--subdued">
			<a href="#new">Passwort vergessen?</a>
		</p>
	</div>

</div>
/* No context defined. */

No notes defined.