<div class="vbx-applet">

	<h2>Easy to build Applet UI</h2>

	<h3>Table</h3>
	<p>Class name: vbx-items-grid</p>
	<table class="vbx-items-grid">
		<thead>
			<tr>
			<th>Column Heading</th>
			<th>Column Heading</th>
			<th>Column Heading</th>
			</tr>
		</thead>

		<tbody>
			<tr>
			<td>Column A</td>
			<td>Column B</td>
			<td>Column C</td>
			</tr>
			<tr>
			<td>Column A</td>
			<td>Column B</td>
			<td>Column C</td>
			</tr>
			<tr>
			<td>Column A</td>
			<td>Column B</td>
			<td>Column C</td>
			</tr>
		</tbody>
	</table>

	<h3>Fieldset</h3>
	<p>Class name: vbx-applet-fieldset</p>

	<fieldset class="vbx-applet-fieldset">
		<label>Label
			<input type="text" class="text" />
			<span>Class name: text</span>
		</label>

		<label>Label
			<input type="text" class="text" />
		</label>

		<label>Label
			<select>
			<option>Option</option>
			<option>Option</option>
			<option>Option</option>
			</select>
		</label>

		<h4>Checkboxes</h4>
		<p>Class name: checkbox</p>
		<label>
			<input type="checkbox" class="checkbox" />
			Choice
		</label>

		<label>
			<input type="checkbox" class="checkbox" />
			Choice
		</label>

		<label>
			<input type="checkbox" class="checkbox" />
			Choice
		</label>

		<h4>Radio Buttons</h4>
		<p>Class name: radio</p>
		<label>
			<input type="radio" class="radio" name="bool" />
			Yes
		</label>

		<label>
			<input type="radio" class="radio" name="bool" />
			No
		</label>

		<h4>Textarea</h4>
		<label>
			<textarea class="medium">Medium Textarea</textarea>
			<span>Class name: medium</span>
		</label>

		<label>
			<textarea class="large">Large Textarea</textarea>
			<span>Class name: large</span>
		</label>

	</fieldset>

</div><!-- .vbx-applet -->




