{{define "widgets"}}
<!DOCTYPE html>
<html lang="en">
	<head>
		{{template "meta_tags" "Cloud storage and data transfer services"}}
	</head>
	<body>
		{{template "page_top" .}}
		<header>
			<h1>Widget showcase</h1>
		</header>
		<div id="page_content" class="page_content">
			<section>
				<h2>Size 2 header</h2>
				<h3>Size 3 header</h3>
				<h4>Size 4 header</h4>
				<h5>Size 5 header</h5>
				<h6>Size 6 header</h6>

				<div class="highlight_shaded">Shaded highlight</div>
				<br/>
				Link <a href="#">A link to someplace</a>.
				<hr/>
				Buttons <button>Regular ol' button!</button>
				Width indicator
				<button class="button_highlight">Important button!</button>
				Width indicator
				<button class="button_red">Dangerous button!</button>
				<hr/>
				Textarea <textarea>Hello!</textarea>
				<hr/>
				Checkbox <input type="checkbox"/>
				<hr/>
				Radio
				<input name="radioform" type="radio"/>
				<input name="radioform" type="radio"/>
				<hr/>
				Text field <input type="text"/>
				<hr/>
				Password <input type="password"/>
				<hr/>
				Number <input type="number"/>
				<hr/>
				Select
				<select name="select">
					<option>cherry</option>
					<option>orange</option>
					<option>apple</option>
				</select>
				<hr/>
				Select2 <select name="select2" size="3">
					<option>cherry</option>
					<option>orange</option>
					<option>apple</option>
				</select>
				<hr/>
				File <input type="file" name="file">
				<hr/>
				Color <input type="color" name="favcolor" value="#ff0000">
				<hr/>
				<fieldset>
					<legend>Legend</legend>
					<p>
						Fieldset
					</p>
				</fieldset>

				<br/><br/>
				<iframe src="https://nova.storage/u/Nygt1on4?embed" style="border: none; width: 800px; max-width: 100%; height: 600px; max-height: 100%; border-radius: 16px;"></iframe>
			</section>
		</div>
		{{template "page_bottom" .}}
	</body>
</html>
{{end}}
