forked from filamentgroup/Accessible-jQuery-Tabs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo-default.html
executable file
·60 lines (56 loc) · 1.96 KB
/
demo-default.html
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
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE HTML>
<html>
<head>
<title>Tabs example | Designing with Progressive Enhancement</title>
<link href="css/tabs.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="js/jQuery.tabs.js"></script>
<script src="js/example.js"></script>
</head>
<body>
<div id="featured">
<ul id="featured-links">
<li><a href="#news">News</a></li>
<li><a href="#sports">Sports</a></li>
<li><a href="#weather">Weather</a></li>
</ul>
<div id="featured-content">
<div id="news">
<h2>Breaking News</h2>
<ul>
<li><a href="senate.htm">Senate Approves Budget By Close Margin</a></li>
<li><a href="dolphin-chat.htm">Dolphin Said to Speak Esperanto</a></li>
<li><a href="eclipse.htm">Spectacular Solar Eclipse This Afternoon</a></li>
<li><a href="segway-jump.htm">Stunt Man Jumps Grand Canyon in Segway</a></li>
<li><a href="election.htm">Mid Term Election Down to the Wire</a></li>
</ul>
</div>
<div id="sports">
<h2>Top Sports Stories</h2>
<ul>
<li><a href="gosox.htm">Red Sox Close to Another Record Year</a></li>
<li><a href="unicycling.htm">Is Extreme Unicycling The Next Craze?</a></li>
<li><a href="patriots.htm">Patriots Looking to Make Key Trade</a></li>
<li><a href="cup-boy.htm">Cup Stacking Champ To Star in Movie</a></li>
<li><a href="celtics.htm">Boston Celtics Win 11th Game in a Row</a></li>
</ul>
</div>
<div id="weather">
<h2>5 Day Forecast</h2>
<dl>
<dt>Wednesday</dt>
<dd>Heavy Rain - 36°F | 19°F</dd>
<dt>Thursday</dt>
<dd>Mostly Coudy - 42°F | 26°F</dd>
<dt>Friday</dt>
<dd>Sunny - 47°F | 36°F</dd>
<dt>Saturday</dt>
<dd>Windy & Gray - 44°F | 30°F</dd>
<dt>Sunday</dt>
<dd>Heavy Snow - 38°F | 28°F</dd>
</dl>
</div>
</div>
</div>
</body>
</html>