69 lines
1.8 KiB
HTML
69 lines
1.8 KiB
HTML
{{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">
|
|
|
|
<br/><br/>
|
|
<iframe src="https://pixeldrain.com/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}}
|