kitchen sink
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consetetur sadipscing elitr
<div class="e-row">
<div class="e-col-12">
<h1>kitchen sink</h1>
</div>
</div>
<div class="e-row">
<div class="e-col-6">
<p>
Lorem ipsum dolor sit amet
<select class="e-select e-select__select2 e-select-medium" name="some_name2" id="some_namesome_name2">
<option value="option1" selected>select2 option1</option>
<option value="option2">select2 option2</option>
<option value="option3">select2 option3</option>
<option value="option4" disabled>select2 option4</option>
<option value="option5">select2 option5 rqwejrk wjqek jrkqwej rkjwqek jrkqwje krjwqkejrk wqjkerj kqwje krjk</option>
</select>
Lorem ipsum dolor sit amet, <a href="#">consetetur sadipscing</a> elitr
</p>
<form>
<fieldset>
<!-- <legend>Userinfo</legend> -->
<div class="e-field">
<label for="input" class="e-field__label">Form input label <span class="e-tooltip" data-tooltip="tooltip data lorem ipsum"><svg class="e-icon e-icon-label" ><use xlink:href="#question" ></use></svg></span></label>
<input class="e-input " type="text" placeholder="Form input" />
</div>
<div class="e-field">
<label for="input" class="e-field__label">Form input label</label>
<div class="e-field__postfix">
<span class="e-field__postfix__cell">
<select class="e-select e-select__select2" name="some_name2" id="some_namesome_name2">
<option value="option1" selected>select2 option1</option>
<option value="option2">select2 option2</option>
<option value="option3">select2 option3</option>
<option value="option4" disabled>select2 option4</option>
<option value="option5">select2 option5 rqwejrk wjqek jrkqwej rkjwqek jrkqwje krjwqkejrk wqjkerj kqwje krjk</option>
</select>
</span>
<span class="e-field__postfix__cell e-field__postfix__cell-short">
<input class="e-btn e-btn-primary" type="submit" value="Submit form" />
</span>
</div>
</div>
<div class="e-field">
<label for="input" class="e-field__label">Form input label</label>
<div class="e-field__postfix">
<span class="e-field__postfix__cell">
<select class="e-select" name="some_name2" id="some_namesome_name2">
<option value="option1" selected>select2 option1</option>
<option value="option2">select2 option2</option>
</select>
</span>
<span class="e-field__postfix__cell e-field__postfix__cell-short">
<input class="e-btn e-btn-primary" type="submit" value="Submit form" />
</span>
</div>
</div>
<div class="e-field">
<label for="input" class="e-field__label">Form input label</label>
<div class="e-field__postfix">
<span class="e-field__postfix__cell">
<input class="e-input e-input-cell" type="text" placeholder="Form input" />
</span>
<span class="e-field__postfix__cell e-field__postfix__cell-short">
<input class="e-btn e-btn-primary" type="button" name="x" value="Submit" id="x">
</span>
</div>
</div>
<div class="e-field">
<label for="input" class="e-field__label">Form input label <span class="e-tooltip" data-tooltip="tooltip data lorem ipsum"><svg class="e-icon e-icon-label" ><use xlink:href="#question" ></use></svg></span></label>
<input class="e-input " type="text" placeholder="Form input" />
</div>
<div class="e-row">
<div class="e-col-12">
<div class="e-field">
<label for="input" class="e-field__label">Form input label <span class="e-field__label__info"> <b>150</b> character left</span></label>
<textarea name="text" class="e-input e-input-textarea" id="text" placeholder="textarea"></textarea>
</div>
</div>
</div>
</fieldset>
<fieldset>
<!-- <legend>Gender</legend> -->
<div class="e-row">
<div class="e-col-12">
<input type="radio" name="name-" id="id1-" class="e-radio" /><label for="id1-" >Radio label </label>
<input type="radio" name="name-" id="id2-" class="e-radio" checked /><label for="id2-" >Radio label </label>
</div>
</div>
</fieldset>
<fieldset>
<!-- <legend>Confirm</legend> -->
<div class="e-row">
<div class="e-col-12">
<input type="checkbox" name="name" id="id-" class="e-checkbox" /><label for="id-" >Checkbox label </label>
</div>
</div>
</fieldset>
<input class="e-btn e-btn-primary" type="submit" value="Submit form" />
</form>
</div>
</div>