Semantic UI sandbox

by juErik

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
	<div class="ui segment">
		<div class="ui fluid form">
			<div class="two fields">
				<div class="field">
					<label>First Name</label>
					<input placeholder="First Name" type="text">
				</div>
				<div class="field">
					<label>Last Name</label>
					<input placeholder="Last Name" type="text">
				</div>
			</div>
			<div class="ui accordion field">
				<div class="title"><i class="icon dropdown"></i> Optional Details </div>
				<div class="content field">
					<label class="transition hidden">Mädchenname</label>
					<input placeholder="Mädchenname" type="text" class="transition hidden">
				</div>
			</div>
			<div class="ui secondary submit button">Registrieren</div>
		</div>
	</div>

CSS

body {
    padding: 1em;
}

JavaScript

// Add javascript here