-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·173 lines (130 loc) · 10.1 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ExpoUI</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bp.css">
<link rel="stylesheet" href="css/expo-ui.css">
<link rel="stylesheet" href="css/expo-ui-screens.css">
<link rel="stylesheet" href="css/demo-styles.css">
<script src="js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div id="preloader"></div>
<div role="main" id="launcher">
<div class="screen" id="launcherscreen">
<div class="panel home active">
<!-- place you page content below this line -->
<div class="content">
<h2>Home</h2>
<div class="inner">
<p>
More demo's:
<a href="3.html">3 panels</a> -
<a href="4.html">4 panels</a> -
<a href="5.html">5 panels</a> -
<a href="index.html">6 panels</a> -
<a href="7.html">7 panels</a> -
<a href="8.html">8 panels</a> -
<a href="9.html">9 panels</a>
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et luctus tortor. Vivamus suscipit sagittis lacus, vitae egestas nibh luctus nec. Mauris feugiat, felis a lobortis cursus, odio ligula blandit felis, eu mollis lectus nulla ac augue. Quisque malesuada, nisl a ultrices ultrices, dui velit ornare elit, non vehicula lorem quam pharetra lorem. Quisque luctus vulputate ante, in pharetra libero condimentum ut. Duis ullamcorper dolor a lacus accumsan non lobortis neque consectetur. Vivamus non arcu nisl. Aenean nisl libero, malesuada eget mollis in, feugiat ac arcu. Cras volutpat molestie elit non pretium. Sed pharetra justo at nisi porta varius. Nam mi mi, egestas ut consectetur eu, commodo in enim. Vestibulum sapien magna, rutrum quis commodo eget, euismod vel purus. Cras sed lorem sem. Nulla feugiat sollicitudin venenatis. Etiam sem libero, vehicula sed suscipit ut, laoreet sed libero. Nulla ac orci a ipsum volutpat convallis. </p>
<p>Aenean nec volutpat lorem. Etiam facilisis fermentum turpis, quis ultrices mauris iaculis luctus. Nulla condimentum purus augue, vel tincidunt odio. Aliquam rutrum urna iaculis lorem fermentum dignissim. Morbi ac velit sed magna porta pellentesque sed non ante. Duis consectetur, est vitae tincidunt vehicula, ligula lorem molestie dui, a congue sem neque nec metus. Ut blandit sapien vel orci tincidunt ut faucibus lacus euismod. </p>
<p>Praesent vel metus eu urna rutrum mollis. Etiam libero odio, cursus sed semper sed, euismod a urna. Duis a egestas lectus. Curabitur sodales lacus et leo blandit aliquam. Suspendisse et fringilla quam. Fusce sed pharetra turpis. Mauris eu blandit dui. Pellentesque est magna, tempor venenatis laoreet ut, volutpat vitae nisl. Ut commodo rutrum lacinia. Cras diam massa, pretium quis egestas sed, fringilla eu nisi. Ut odio mauris, molestie id porta non, ornare eget nunc. Maecenas eget libero in quam dignissim laoreet id quis sem. Ut molestie porttitor diam, vel vehicula lorem bibendum eu. Phasellus placerat, quam a venenatis varius, sem eros ultricies massa, molestie pulvinar mauris sem et libero. Maecenas ipsum eros, posuere pretium adipiscing et, vestibulum sed lorem. Donec sollicitudin ultricies felis, eget sodales odio ultrices vel.</p>
<p>Integer convallis ante ornare nisl bibendum tincidunt. Morbi sit amet urna ipsum, in mattis enim. Nulla aliquet porttitor nisl quis accumsan. Vestibulum tincidunt ante a ligula pulvinar at convallis lectus vulputate. Cras pulvinar tincidunt mattis. Etiam a tincidunt mauris. Maecenas vehicula dolor id tortor egestas mollis. Donec et enim orci. Fusce aliquet lorem non enim ullamcorper nec aliquet lorem tincidunt. Phasellus sit amet massa a nibh ultricies adipiscing. Nunc commodo, tortor vitae rhoncus porta, tellus mi sollicitudin tortor, eget imperdiet quam felis at diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec euismod mi ac orci dignissim ultrices.</p>
<p>Phasellus in arcu non leo rhoncus posuere ac nec ipsum. In hac habitasse platea dictumst. Mauris eu pharetra nunc. Etiam ut augue orci. Integer ut quam ac sem lacinia convallis ut nec mi. Morbi leo enim, euismod et elementum eu, cursus ut purus. Suspendisse venenatis tortor sit amet justo elementum aliquam. Aenean sed sem nisl, ac fringilla orci. Ut placerat nibh sed nulla dapibus fringilla. In nulla dolor, vulputate in mollis nec, pulvinar a nibh.</p>
</div>
<div class="overflow"></div>
</div>
<!-- place you page content above this line -->
<div class="label">Home</div>
</div>
<div class="panel screen2">
<!-- place you page content below this line -->
<div class="content">
<h2>Screen#2</h2>
<div class="inner">
<p>Kielbasa venison strip steak tri-tip turkey beef, biltong fatback pastrami. Strip steak meatball ham hock swine turducken, jowl biltong andouille short ribs venison corned beef cow hamburger kielbasa. Pastrami bacon filet mignon, frankfurter beef ribs ribeye t-bone. Spare ribs sirloin tenderloin pancetta pork, strip steak pork chop. Pork bacon capicola strip steak, fatback bresaola boudin tri-tip short loin swine pork belly brisket sirloin.</p>
<p>Venison chuck ball tip, tenderloin tail beef ribs brisket corned beef pork shoulder. Kielbasa shoulder tenderloin, ground round swine meatloaf capicola jowl bresaola leberkas spare ribs. Pork loin speck shoulder, short loin flank pork chop bresaola meatloaf. Cow ground round short loin jowl tenderloin, t-bone tail tri-tip pancetta pork loin. Tail fatback shankle beef ribs, tongue pastrami leberkas brisket chicken. Drumstick cow fatback, turkey short loin brisket bresaola ribeye rump tail ground round meatloaf pork chop.</p>
<p>Fatback pork loin rump beef speck tail, pastrami drumstick spare ribs. Drumstick andouille brisket leberkas jerky, salami hamburger tenderloin boudin ham hock meatball turducken chicken frankfurter beef ribs. Shoulder meatball turducken short loin strip steak. Pancetta shoulder pork spare ribs ribeye, biltong pork loin sirloin. Ball tip shank frankfurter turkey turducken. Ground round meatloaf fatback brisket rump, venison t-bone ribeye pork drumstick biltong tongue.</p>
<p>Tongue ground round biltong drumstick prosciutto, sausage turkey meatloaf short ribs swine. Ground round sausage ball tip, turkey tenderloin bacon pork cow venison. Short loin capicola pork, flank tail t-bone shankle meatball fatback. Venison fatback tri-tip hamburger, meatloaf salami pork loin boudin sausage beef frankfurter leberkas.</p>
<p>Cow meatball rump, pork loin swine kielbasa ground round jowl short loin. Sausage chicken ball tip, meatball swine jowl short loin salami bacon t-bone leberkas meatloaf. Frankfurter pork belly fatback, andouille beef pig hamburger brisket meatloaf shoulder shank prosciutto. Tenderloin pastrami pig, ribeye pancetta strip steak boudin short ribs beef ribs andouille.</p>
</div>
<div class="overflow"></div>
</div>
<div class="label">Screen#2</div>
</div>
<div class="panel screen3">
<!-- place you page content below this line -->
<div class="content">
<h2>Screen#3</h2>
<div class="overflow"></div>
</div>
<!-- place you page content above this line -->
<div class="label">Screen#3</div>
</div>
<div class="panel screen4">
<!-- place you page content below this line -->
<div class="content">
<h2>Screen#4</h2>
<div class="overflow"></div>
</div>
<!-- place you page content above this line -->
<div class="label">Screen#4</div>
</div>
<div class="panel screen5">
<!-- place you page content below this line -->
<div class="content slide">
<h2>Screen#5</h2>
<div class="overflow"></div>
</div>
<!-- place you page content above this line -->
<div class="label">Screen#5</div>
</div>
<div class="panel screen6">
<!-- place you page content below this line -->
<div class="content">
<h2>Screen#6</h2>
<div class="overflow"></div>
</div>
<!-- place you page content above this line -->
<div class="label">Screen#6</div>
</div>
</div>
</div>
<div id="screen-nav">
<div id="zoom-btn"></div>
<span class="home active">Home</span>
<span class="screen2">Scr#2</span>
<span class="screen3">Scr#3</span>
<span class="screen4">Scr#4</span>
<span class="screen5">Scr#5</span>
<span class="screen6">Scr#6</span>
<div class="nav-status"></div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<script>(typeof jQuery.ui !== 'undefined') || document.write('<script src="js/libs/jquery-ui-1.8.21.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/libs/expo-ui.js"></script>
<script src="js/script.js"></script>
<script>
var _gaq=[['_setAccount','UA-31769953-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>