-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·55 lines (51 loc) · 4.8 KB
/
index.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
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="custom.js"></script>
<link href="blueprint/screen.css" media="screen" rel="stylesheet" type="text/css" />
<link href="blueprint/plugins/fancy-type/screen.css" media="screen" rel="stylesheet" type="text/css" />
<link href="blueprint/ie.css" media="screen" rel="stylesheet" type="text/css" />
<link href="styles.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- we will add our HTML content here -->
<div class="container">
<div class="span-24">
<h1>Playground Test Page</h1>
</div>
<hr>
<hr class="space">
<div class="span-18 colborder">
<h2 id="1" class="tab span-18">
Tab 1
</h2>
<div id="section_1" class="section span-18">
<p>
Section 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam elementum suscipit lobortis. Nullam scelerisque vehicula dapibus. In non est quis nibh consequat pharetra. Vestibulum sagittis purus vel nunc auctor sed hendrerit neque pellentesque. Etiam id nisi nec eros suscipit ultrices. Cras suscipit velit a eros volutpat vel mollis nisi mattis. Pellentesque fringilla bibendum ultricies. Ut accumsan dolor vitae sem pretium ut scelerisque nisl congue. Nam pellentesque, mi at iaculis ullamcorper, lacus dui fermentum elit, vitae tempus eros augue a arcu. In risus diam, sollicitudin sit amet mollis quis, adipiscing eget orci. In id nisl elit, et tristique neque. Proin id leo orci. Proin ut rutrum ligula. Vivamus eros erat, pulvinar ut accumsan eget, ultricies semper justo. Nam in dignissim odio. Phasellus volutpat, tortor vel rutrum tempor, sapien odio sollicitudin ante, a euismod elit leo eget metus. Etiam fringilla fermentum mi et tempus. Nunc eget metus id nisl fermentum pellentesque. In vel interdum quam. Ut vel vulputate lorem.
Ut placerat risus quis velit malesuada ac tristique enim pharetra. Curabitur egestas rutrum neque laoreet blandit. Phasellus commodo lacus eu dolor mattis ac feugiat nisl sollicitudin. Phasellus pulvinar diam in velit dignissim elementum. Nunc vitae massa eget purus tincidunt interdum. Nullam elementum suscipit imperdiet. Phasellus rutrum sapien sodales metus viverra gravida. Nunc in mauris mi. Suspendisse a nunc sed purus tincidunt feugiat id sodales quam. Praesent sapien libero, pellentesque ac cursus ac, fermentum quis elit.
</p>
</div>
<h2 id="2" class="tab span-18 clear">
Tab 2
</h2>
<div id="section_2" class="section span-18">
<p>
Section 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam elementum suscipit lobortis. Nullam scelerisque vehicula dapibus. In non est quis nibh consequat pharetra. Vestibulum sagittis purus vel nunc auctor sed hendrerit neque pellentesque. Etiam id nisi nec eros suscipit ultrices. Cras suscipit velit a eros volutpat vel mollis nisi mattis. Pellentesque fringilla bibendum ultricies. Ut accumsan dolor vitae sem pretium ut scelerisque nisl congue. Nam pellentesque, mi at iaculis ullamcorper, lacus dui fermentum elit, vitae tempus eros augue a arcu. In risus diam, sollicitudin sit amet mollis quis, adipiscing eget orci. In id nisl elit, et tristique neque. Proin id leo orci. Proin ut rutrum ligula. Vivamus eros erat, pulvinar ut accumsan eget, ultricies semper justo. Nam in dignissim odio. Phasellus volutpat, tortor vel rutrum tempor, sapien odio sollicitudin ante, a euismod elit leo eget metus. Etiam fringilla fermentum mi et tempus. Nunc eget metus id nisl fermentum pellentesque. In vel interdum quam. Ut vel vulputate lorem.
Ut placerat risus quis velit malesuada ac tristique enim pharetra. Curabitur egestas rutrum neque laoreet blandit. Phasellus commodo lacus eu dolor mattis ac feugiat nisl sollicitudin. Phasellus pulvinar diam in velit dignissim elementum. Nunc vitae massa eget purus tincidunt interdum. Nullam elementum suscipit imperdiet. Phasellus rutrum sapien sodales metus viverra gravida. Nunc in mauris mi. Suspendisse a nunc sed purus tincidunt feugiat id sodales quam. Praesent sapien libero, pellentesque ac cursus ac, fermentum quis elit.
</p>
</div>
</div>
<div class="span-4 last">
<h2 class="alt">Sidebar</h2>
<p>
<a href="#reset_tabs" onclick="$.Tabs.reset_tabs();">Reset Tabs</a><br/>
<a href="#tabs_on" onclick="$.Tabs.turn_tabs_on();">Turn on tabs</a><br/>
<a href="#tabs_off" onclick="$.Tabs.turn_tabs_off();">Turn off tabs</a><br/>
<a href="#" onclick="alert(document.location.hash.substring(1)); return false;">Location Hash</a>
</p>
</div>
</div>
</body>
</html>