<div id="main">
	<h1 id="title">Organisational Survery Form</h1>
	<p id="description">
		 Template
	</p>
	<form id="survey-form">
		<label id="name-label" class="headLbl">Name</label>
		<input id="name" placeholder="name" required>
		<br>

		<label id="email-label" class="headLbl">Email</label>
		<input type="email" id="email" placeholder="email" required>
		<br>

		<label id="number-label" class="headLbl">Number</label>
		<input type="number" id="number" min="1" max="10" placeholder="number">
		<br><br>

		<select id="dropdown">
			<option>Dropdown 1</option>
			<option>Dropdown 2</option>
		</select>

		<ul id="radioList">
			<li><input type="radio" name="radioBtn" value="Radio 1"  class="userRatings">Radio 1</li>
			<li><input type="radio" name="radioBtn" value="Radio 2"  class="userRatings">Radio 2</li>
		</ul>

		<ul id="checkList">
			<li>
				<input type="checkbox" value="Checkbox 1">
				Checkbox 1
			</li>
			<li>
				<input type="checkbox" value="Checkbox 2">
				Checkbox 2
			</li>
		</ul>

		<textarea placeholder="Comment"></textarea>
		<br>
		<button id="submit">submit</button>
	</form>
</div>