-
Notifications
You must be signed in to change notification settings - Fork 0
/
template-non-semantic.php
48 lines (48 loc) · 2.04 KB
/
template-non-semantic.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<?php
$meta_title="CSS Cement - Non-semantic widgets";
$slug="Non-semantic widgets";
?>
<?php include("header.php"); ?>
<div class="parent dt-1-1 tb-1-1 mb-1-1">
<h1>Widgets</h1>
</div>
<div class="parent dt-1-1 tb-1-1 mb-1-1">
<h2>Dynamic Tabs</h2>
<div>
<div class="tabs">
<form>
<fieldset>
<ul>
<li><label for="tab-1">First tab</label></li>
<li><label for="tab-2">Second tab</label></li>
<li><label for="tab-3">Third tab</label></li>
<li><label for="tab-4">Fourth tab</label></li>
</ul>
</fieldset>
<fieldset class="tabbed-content">
<input type="radio" id="tab-1" name="tabs" />
<input type="radio" id="tab-2" name="tabs" />
<input type="radio" id="tab-3" name="tabs" />
<input type="radio" id="tab-4" name="tabs" />
<div id="tabbed-content-1">
<h3>First tab</h3>
<p>abaht how much shu' thi gob tha daft apeth. Any rooad. Mardy bum shu' thi gob. Shu' thi gob nay lad nobbut a lad t'foot o' our stairs. Shu' thi gob nay lad. Aye be reet shu' thi gob how much nah then.</p>
</div>
<div id="tabbed-content-2">
<h3>Second tab</h3>
<p> Nay lad. Michael palin ah'll gi' thi summat to rooer abaht breadcake eeh. Dahn t'coil oil th'art nesh thee tell thi summat for nowt.</p>
</div>
<div id="tabbed-content-3">
<h3>Third tab</h3>
<p>abaht how much shu' thi gob tha daft apeth. Any rooad. Mardy bum shu' thi gob. Shu' thi gob nay lad nobbut a lad t'foot o' our stairs. Shu' thi gob nay lad. Aye be reet shu' thi gob how much nah then.</p>
<p> Nay lad. Michael palin ah'll gi' thi summat to rooer abaht breadcake eeh. Dahn t'coil oil th'art nesh thee tell thi summat for nowt.</p>
</div>
<div id="tabbed-content-4">
<h3>Fourth tab</h3>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<?php include("footer.php"); ?>