-
Notifications
You must be signed in to change notification settings - Fork 11
Expand file tree
/
Copy pathdemo.html
More file actions
269 lines (208 loc) · 25 KB
/
demo.html
File metadata and controls
269 lines (208 loc) · 25 KB
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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>HeadShrinker Demo</title>
<style>
/* Basic CSS */
html {
-webkit-text-size-adjust: none;
-webkit-font-smoothing: subpixel-antialiased;
}
body {
margin: 0;
padding: 0;
font: 22px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
text-align: center;
background: #fff;
color: #34495e;
text-rendering: optimizeLegibility;
}
h1 {
font-size: 58px;
font-weight: 600;
margin: 0;
}
h2 {
font-size: 28px;
font-weight: 500;
margin: 0;
opacity: 0.65;
filter: alpha(opacity=65);
}
h3 {
font-size: 26px;
font-weight: 500;
margin: 0;
opacity: 0.95;
filter: alpha(opacity=95);
}
a {
color: #f77564;
}
a:hover {
color: #34495e;
}
p {
color: #a7adb4;
}
small {
font-size: 75%;
color: #a7adb4;
line-height: 1.2;
}
a, a:hover {
-o-transition: color 0.25s ease-in;
-webkit-transition: color 0.25s ease-in;
-moz-transition: color 0.25s ease-in;
transition: color 0.25s ease-in;
text-decoration: none;
}
header {
float: left;
width: 100%;
padding: 20px;
background: #f9f9f9;
border-bottom: 1px solid #e6e6e6;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
header img {
float: left;
}
header nav {
float: left;
width: 70%;
text-align: left;
margin-left: 20px;
}
header nav ul {
padding: 30px 0;
margin: 0;
list-style-type: none;
}
header nav ul li {
margin-left: 10px;
display: inline;
}
header nav ul ul {
display: none;
}
section, article, header {
display: block;
float: left;
width: 100%;
}
article {
width: 96%;
padding: 3em 2%;
}
article.left {
text-align: left;
background: #fefefe;
border-top: 1px solid #e9e9e9;
}
@media screen and (max-width: 37.5em) { /* 600px */
h1 {
font-size: 44px;
}
}
</style>
<link rel="stylesheet" href="headshrinker.css" media="all" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
</head>
<body>
<header>
<img class="logo" src="assets/img/logo.png" alt="Logo" />
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Sub Options</a>
<ul>
<li><a href="#">Sub Menu One</a></li>
<li><a href="#">Sub Menu One</a></li>
<li><a href="#">Sub Menu One</a></li>
<li><a href="#">Sub Menu One</a></li>
<li><a href="#">Sub Menu One</a>
<ul>
<li><a href="#">Sub Menu Two</a></li>
<li><a href="#">Sub Menu Two</a></li>
<li><a href="#">Sub Menu Two</a></li>
<li><a href="#">Sub Menu Two</a></li>
<li><a href="#">Sub Menu Two</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Is A Basic</a></li>
<li><a href="#">Navigation System</a></li>
</ul>
</nav>
</header>
<section>
<article>
<h1>HeadShrinker</h1>
<h2>For shrinking your website header, not your actual head!</h2>
<h3>PS - scroll down :)</h3>
<p>
<a href="https://github.com/weare2ndfloor/HeadShrinker" title="View HeadShrinker on Github">View HeadShrinker on Github</a> or <a href="https://github.com/weare2ndfloor/HeadShrinker/archive/master.zip" title="Download HeadShrinker as a zip">Download it as a zip</a>
</p>
<small>
</small>
</article>
<article class="left">
<h2>Oh yeah, we need a MASSIVE long page so we can test the scrolling stuff!</h2>
<p>If only there was a generic filler text we could use... we'll just make up some nonsense...</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor. Aliquam nec est leo, nec dictum purus. Suspendisse accumsan erat ac arcu convallis nec pharetra eros lobortis. Mauris dignissim, ligula sed tempor tempus, massa felis egestas mi, auctor luctus diam est sit amet lacus. Aenean at dui dui, non scelerisque nisi. Morbi ullamcorper dapibus nisl, ullamcorper fringilla eros pulvinar et. Nulla rhoncus elementum rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque a erat velit, venenatis porttitor mauris.</p>
<p>Proin non orci in neque dapibus ultrices. Integer sit amet mauris at justo iaculis semper sed quis libero. Nulla feugiat est a diam tincidunt vel elementum erat dignissim. Nulla nunc felis, iaculis ac condimentum vitae, rutrum nec lorem. Nullam fermentum varius adipiscing. Phasellus tempor faucibus tellus, vitae feugiat libero tincidunt et. Integer felis diam, malesuada ac dictum quis, mollis ac nibh. Suspendisse ac turpis sed tellus faucibus ornare sit amet ut dolor. Vestibulum ultricies laoreet dignissim. Vestibulum eget magna metus. Pellentesque iaculis sodales quam, non blandit sem bibendum ac. Integer eu risus imperdiet ante hendrerit auctor. Donec posuere nisi sit amet augue tempus in porttitor lectus rutrum. In fermentum nulla erat. Suspendisse elit dui, vulputate id tincidunt sit amet, iaculis sed quam.</p>
<p>Ut at adipiscing sem. Suspendisse placerat consequat purus, ullamcorper dictum leo commodo imperdiet. Nunc euismod elit nec dui fermentum egestas. Vestibulum id urna vel mi laoreet gravida id tincidunt quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat vel turpis lobortis sodales. Donec mattis mauris diam. Ut rhoncus faucibus elementum. Nam sodales quam non ipsum varius a cursus sapien iaculis. Proin sollicitudin euismod consequat.</p>
<p>Vivamus quis neque nec elit mollis hendrerit vel ut libero. Etiam vel dolor augue. Curabitur nec est id mauris accumsan hendrerit nec vel nisi. Phasellus elementum mauris a erat facilisis suscipit. Morbi nec felis justo, id iaculis felis. Cras augue orci, porta pharetra posuere interdum, rhoncus ullamcorper sem. Sed porttitor elit et erat commodo aliquet. Ut gravida felis id lacus auctor molestie. Aliquam erat volutpat. Ut euismod consequat laoreet. Aenean in tortor felis. Etiam lacinia interdum dictum. Mauris eget felis sem. Aenean feugiat suscipit odio eget volutpat. Nam sit amet massa at tellus dapibus elementum. Aliquam lectus nisi, facilisis ut eleifend in, molestie eget nisl. Suspendisse quam nunc, dictum id mollis nec, fringilla eget tellus. Nam porttitor porttitor neque at eleifend.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor. Aliquam nec est leo, nec dictum purus. Suspendisse accumsan erat ac arcu convallis nec pharetra eros lobortis. Mauris dignissim, ligula sed tempor tempus, massa felis egestas mi, auctor luctus diam est sit amet lacus. Aenean at dui dui, non scelerisque nisi. Morbi ullamcorper dapibus nisl, ullamcorper fringilla eros pulvinar et. Nulla rhoncus elementum rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque a erat velit, venenatis porttitor mauris.</p>
<p>Proin non orci in neque dapibus ultrices. Integer sit amet mauris at justo iaculis semper sed quis libero. Nulla feugiat est a diam tincidunt vel elementum erat dignissim. Nulla nunc felis, iaculis ac condimentum vitae, rutrum nec lorem. Nullam fermentum varius adipiscing. Phasellus tempor faucibus tellus, vitae feugiat libero tincidunt et. Integer felis diam, malesuada ac dictum quis, mollis ac nibh. Suspendisse ac turpis sed tellus faucibus ornare sit amet ut dolor. Vestibulum ultricies laoreet dignissim. Vestibulum eget magna metus. Pellentesque iaculis sodales quam, non blandit sem bibendum ac. Integer eu risus imperdiet ante hendrerit auctor. Donec posuere nisi sit amet augue tempus in porttitor lectus rutrum. In fermentum nulla erat. Suspendisse elit dui, vulputate id tincidunt sit amet, iaculis sed quam.</p>
<p>Ut at adipiscing sem. Suspendisse placerat consequat purus, ullamcorper dictum leo commodo imperdiet. Nunc euismod elit nec dui fermentum egestas. Vestibulum id urna vel mi laoreet gravida id tincidunt quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat vel turpis lobortis sodales. Donec mattis mauris diam. Ut rhoncus faucibus elementum. Nam sodales quam non ipsum varius a cursus sapien iaculis. Proin sollicitudin euismod consequat.</p>
<p>Vivamus quis neque nec elit mollis hendrerit vel ut libero. Etiam vel dolor augue. Curabitur nec est id mauris accumsan hendrerit nec vel nisi. Phasellus elementum mauris a erat facilisis suscipit. Morbi nec felis justo, id iaculis felis. Cras augue orci, porta pharetra posuere interdum, rhoncus ullamcorper sem. Sed porttitor elit et erat commodo aliquet. Ut gravida felis id lacus auctor molestie. Aliquam erat volutpat. Ut euismod consequat laoreet. Aenean in tortor felis. Etiam lacinia interdum dictum. Mauris eget felis sem. Aenean feugiat suscipit odio eget volutpat. Nam sit amet massa at tellus dapibus elementum. Aliquam lectus nisi, facilisis ut eleifend in, molestie eget nisl. Suspendisse quam nunc, dictum id mollis nec, fringilla eget tellus. Nam porttitor porttitor neque at eleifend.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor. Aliquam nec est leo, nec dictum purus. Suspendisse accumsan erat ac arcu convallis nec pharetra eros lobortis. Mauris dignissim, ligula sed tempor tempus, massa felis egestas mi, auctor luctus diam est sit amet lacus. Aenean at dui dui, non scelerisque nisi. Morbi ullamcorper dapibus nisl, ullamcorper fringilla eros pulvinar et. Nulla rhoncus elementum rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque a erat velit, venenatis porttitor mauris.</p>
<p>Proin non orci in neque dapibus ultrices. Integer sit amet mauris at justo iaculis semper sed quis libero. Nulla feugiat est a diam tincidunt vel elementum erat dignissim. Nulla nunc felis, iaculis ac condimentum vitae, rutrum nec lorem. Nullam fermentum varius adipiscing. Phasellus tempor faucibus tellus, vitae feugiat libero tincidunt et. Integer felis diam, malesuada ac dictum quis, mollis ac nibh. Suspendisse ac turpis sed tellus faucibus ornare sit amet ut dolor. Vestibulum ultricies laoreet dignissim. Vestibulum eget magna metus. Pellentesque iaculis sodales quam, non blandit sem bibendum ac. Integer eu risus imperdiet ante hendrerit auctor. Donec posuere nisi sit amet augue tempus in porttitor lectus rutrum. In fermentum nulla erat. Suspendisse elit dui, vulputate id tincidunt sit amet, iaculis sed quam.</p>
<p>Ut at adipiscing sem. Suspendisse placerat consequat purus, ullamcorper dictum leo commodo imperdiet. Nunc euismod elit nec dui fermentum egestas. Vestibulum id urna vel mi laoreet gravida id tincidunt quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat vel turpis lobortis sodales. Donec mattis mauris diam. Ut rhoncus faucibus elementum. Nam sodales quam non ipsum varius a cursus sapien iaculis. Proin sollicitudin euismod consequat.</p>
<p>Vivamus quis neque nec elit mollis hendrerit vel ut libero. Etiam vel dolor augue. Curabitur nec est id mauris accumsan hendrerit nec vel nisi. Phasellus elementum mauris a erat facilisis suscipit. Morbi nec felis justo, id iaculis felis. Cras augue orci, porta pharetra posuere interdum, rhoncus ullamcorper sem. Sed porttitor elit et erat commodo aliquet. Ut gravida felis id lacus auctor molestie. Aliquam erat volutpat. Ut euismod consequat laoreet. Aenean in tortor felis. Etiam lacinia interdum dictum. Mauris eget felis sem. Aenean feugiat suscipit odio eget volutpat. Nam sit amet massa at tellus dapibus elementum. Aliquam lectus nisi, facilisis ut eleifend in, molestie eget nisl. Suspendisse quam nunc, dictum id mollis nec, fringilla eget tellus. Nam porttitor porttitor neque at eleifend.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor. Aliquam nec est leo, nec dictum purus. Suspendisse accumsan erat ac arcu convallis nec pharetra eros lobortis. Mauris dignissim, ligula sed tempor tempus, massa felis egestas mi, auctor luctus diam est sit amet lacus. Aenean at dui dui, non scelerisque nisi. Morbi ullamcorper dapibus nisl, ullamcorper fringilla eros pulvinar et. Nulla rhoncus elementum rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque a erat velit, venenatis porttitor mauris.</p>
<p>Proin non orci in neque dapibus ultrices. Integer sit amet mauris at justo iaculis semper sed quis libero. Nulla feugiat est a diam tincidunt vel elementum erat dignissim. Nulla nunc felis, iaculis ac condimentum vitae, rutrum nec lorem. Nullam fermentum varius adipiscing. Phasellus tempor faucibus tellus, vitae feugiat libero tincidunt et. Integer felis diam, malesuada ac dictum quis, mollis ac nibh. Suspendisse ac turpis sed tellus faucibus ornare sit amet ut dolor. Vestibulum ultricies laoreet dignissim. Vestibulum eget magna metus. Pellentesque iaculis sodales quam, non blandit sem bibendum ac. Integer eu risus imperdiet ante hendrerit auctor. Donec posuere nisi sit amet augue tempus in porttitor lectus rutrum. In fermentum nulla erat. Suspendisse elit dui, vulputate id tincidunt sit amet, iaculis sed quam.</p>
<p>Ut at adipiscing sem. Suspendisse placerat consequat purus, ullamcorper dictum leo commodo imperdiet. Nunc euismod elit nec dui fermentum egestas. Vestibulum id urna vel mi laoreet gravida id tincidunt quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat vel turpis lobortis sodales. Donec mattis mauris diam. Ut rhoncus faucibus elementum. Nam sodales quam non ipsum varius a cursus sapien iaculis. Proin sollicitudin euismod consequat.</p>
<p>Vivamus quis neque nec elit mollis hendrerit vel ut libero. Etiam vel dolor augue. Curabitur nec est id mauris accumsan hendrerit nec vel nisi. Phasellus elementum mauris a erat facilisis suscipit. Morbi nec felis justo, id iaculis felis. Cras augue orci, porta pharetra posuere interdum, rhoncus ullamcorper sem. Sed porttitor elit et erat commodo aliquet. Ut gravida felis id lacus auctor molestie. Aliquam erat volutpat. Ut euismod consequat laoreet. Aenean in tortor felis. Etiam lacinia interdum dictum. Mauris eget felis sem. Aenean feugiat suscipit odio eget volutpat. Nam sit amet massa at tellus dapibus elementum. Aliquam lectus nisi, facilisis ut eleifend in, molestie eget nisl. Suspendisse quam nunc, dictum id mollis nec, fringilla eget tellus. Nam porttitor porttitor neque at eleifend.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor. Aliquam nec est leo, nec dictum purus. Suspendisse accumsan erat ac arcu convallis nec pharetra eros lobortis. Mauris dignissim, ligula sed tempor tempus, massa felis egestas mi, auctor luctus diam est sit amet lacus. Aenean at dui dui, non scelerisque nisi. Morbi ullamcorper dapibus nisl, ullamcorper fringilla eros pulvinar et. Nulla rhoncus elementum rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque a erat velit, venenatis porttitor mauris.</p>
<p>Proin non orci in neque dapibus ultrices. Integer sit amet mauris at justo iaculis semper sed quis libero. Nulla feugiat est a diam tincidunt vel elementum erat dignissim. Nulla nunc felis, iaculis ac condimentum vitae, rutrum nec lorem. Nullam fermentum varius adipiscing. Phasellus tempor faucibus tellus, vitae feugiat libero tincidunt et. Integer felis diam, malesuada ac dictum quis, mollis ac nibh. Suspendisse ac turpis sed tellus faucibus ornare sit amet ut dolor. Vestibulum ultricies laoreet dignissim. Vestibulum eget magna metus. Pellentesque iaculis sodales quam, non blandit sem bibendum ac. Integer eu risus imperdiet ante hendrerit auctor. Donec posuere nisi sit amet augue tempus in porttitor lectus rutrum. In fermentum nulla erat. Suspendisse elit dui, vulputate id tincidunt sit amet, iaculis sed quam.</p>
<p>Ut at adipiscing sem. Suspendisse placerat consequat purus, ullamcorper dictum leo commodo imperdiet. Nunc euismod elit nec dui fermentum egestas. Vestibulum id urna vel mi laoreet gravida id tincidunt quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat vel turpis lobortis sodales. Donec mattis mauris diam. Ut rhoncus faucibus elementum. Nam sodales quam non ipsum varius a cursus sapien iaculis. Proin sollicitudin euismod consequat.</p>
<p>Vivamus quis neque nec elit mollis hendrerit vel ut libero. Etiam vel dolor augue. Curabitur nec est id mauris accumsan hendrerit nec vel nisi. Phasellus elementum mauris a erat facilisis suscipit. Morbi nec felis justo, id iaculis felis. Cras augue orci, porta pharetra posuere interdum, rhoncus ullamcorper sem. Sed porttitor elit et erat commodo aliquet. Ut gravida felis id lacus auctor molestie. Aliquam erat volutpat. Ut euismod consequat laoreet. Aenean in tortor felis. Etiam lacinia interdum dictum. Mauris eget felis sem. Aenean feugiat suscipit odio eget volutpat. Nam sit amet massa at tellus dapibus elementum. Aliquam lectus nisi, facilisis ut eleifend in, molestie eget nisl. Suspendisse quam nunc, dictum id mollis nec, fringilla eget tellus. Nam porttitor porttitor neque at eleifend.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor. Aliquam nec est leo, nec dictum purus. Suspendisse accumsan erat ac arcu convallis nec pharetra eros lobortis. Mauris dignissim, ligula sed tempor tempus, massa felis egestas mi, auctor luctus diam est sit amet lacus. Aenean at dui dui, non scelerisque nisi. Morbi ullamcorper dapibus nisl, ullamcorper fringilla eros pulvinar et. Nulla rhoncus elementum rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque a erat velit, venenatis porttitor mauris.</p>
<p>Proin non orci in neque dapibus ultrices. Integer sit amet mauris at justo iaculis semper sed quis libero. Nulla feugiat est a diam tincidunt vel elementum erat dignissim. Nulla nunc felis, iaculis ac condimentum vitae, rutrum nec lorem. Nullam fermentum varius adipiscing. Phasellus tempor faucibus tellus, vitae feugiat libero tincidunt et. Integer felis diam, malesuada ac dictum quis, mollis ac nibh. Suspendisse ac turpis sed tellus faucibus ornare sit amet ut dolor. Vestibulum ultricies laoreet dignissim. Vestibulum eget magna metus. Pellentesque iaculis sodales quam, non blandit sem bibendum ac. Integer eu risus imperdiet ante hendrerit auctor. Donec posuere nisi sit amet augue tempus in porttitor lectus rutrum. In fermentum nulla erat. Suspendisse elit dui, vulputate id tincidunt sit amet, iaculis sed quam.</p>
<p>Ut at adipiscing sem. Suspendisse placerat consequat purus, ullamcorper dictum leo commodo imperdiet. Nunc euismod elit nec dui fermentum egestas. Vestibulum id urna vel mi laoreet gravida id tincidunt quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat vel turpis lobortis sodales. Donec mattis mauris diam. Ut rhoncus faucibus elementum. Nam sodales quam non ipsum varius a cursus sapien iaculis. Proin sollicitudin euismod consequat.</p>
<p>Vivamus quis neque nec elit mollis hendrerit vel ut libero. Etiam vel dolor augue. Curabitur nec est id mauris accumsan hendrerit nec vel nisi. Phasellus elementum mauris a erat facilisis suscipit. Morbi nec felis justo, id iaculis felis. Cras augue orci, porta pharetra posuere interdum, rhoncus ullamcorper sem. Sed porttitor elit et erat commodo aliquet. Ut gravida felis id lacus auctor molestie. Aliquam erat volutpat. Ut euismod consequat laoreet. Aenean in tortor felis. Etiam lacinia interdum dictum. Mauris eget felis sem. Aenean feugiat suscipit odio eget volutpat. Nam sit amet massa at tellus dapibus elementum. Aliquam lectus nisi, facilisis ut eleifend in, molestie eget nisl. Suspendisse quam nunc, dictum id mollis nec, fringilla eget tellus. Nam porttitor porttitor neque at eleifend.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at risus at lacus laoreet mollis sed id elit. Integer bibendum lobortis velit, eleifend commodo dui facilisis nec. Aliquam mi sapien, ultrices a ultrices non, sodales ut diam. Fusce semper risus eu magna placerat pulvinar. Nullam ac odio non ligula semper auctor. Aliquam nec est leo, nec dictum purus. Suspendisse accumsan erat ac arcu convallis nec pharetra eros lobortis. Mauris dignissim, ligula sed tempor tempus, massa felis egestas mi, auctor luctus diam est sit amet lacus. Aenean at dui dui, non scelerisque nisi. Morbi ullamcorper dapibus nisl, ullamcorper fringilla eros pulvinar et. Nulla rhoncus elementum rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque a erat velit, venenatis porttitor mauris.</p>
<p>Proin non orci in neque dapibus ultrices. Integer sit amet mauris at justo iaculis semper sed quis libero. Nulla feugiat est a diam tincidunt vel elementum erat dignissim. Nulla nunc felis, iaculis ac condimentum vitae, rutrum nec lorem. Nullam fermentum varius adipiscing. Phasellus tempor faucibus tellus, vitae feugiat libero tincidunt et. Integer felis diam, malesuada ac dictum quis, mollis ac nibh. Suspendisse ac turpis sed tellus faucibus ornare sit amet ut dolor. Vestibulum ultricies laoreet dignissim. Vestibulum eget magna metus. Pellentesque iaculis sodales quam, non blandit sem bibendum ac. Integer eu risus imperdiet ante hendrerit auctor. Donec posuere nisi sit amet augue tempus in porttitor lectus rutrum. In fermentum nulla erat. Suspendisse elit dui, vulputate id tincidunt sit amet, iaculis sed quam.</p>
<p>Ut at adipiscing sem. Suspendisse placerat consequat purus, ullamcorper dictum leo commodo imperdiet. Nunc euismod elit nec dui fermentum egestas. Vestibulum id urna vel mi laoreet gravida id tincidunt quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sed erat vel turpis lobortis sodales. Donec mattis mauris diam. Ut rhoncus faucibus elementum. Nam sodales quam non ipsum varius a cursus sapien iaculis. Proin sollicitudin euismod consequat.</p>
<p>Vivamus quis neque nec elit mollis hendrerit vel ut libero. Etiam vel dolor augue. Curabitur nec est id mauris accumsan hendrerit nec vel nisi. Phasellus elementum mauris a erat facilisis suscipit. Morbi nec felis justo, id iaculis felis. Cras augue orci, porta pharetra posuere interdum, rhoncus ullamcorper sem. Sed porttitor elit et erat commodo aliquet. Ut gravida felis id lacus auctor molestie. Aliquam erat volutpat. Ut euismod consequat laoreet. Aenean in tortor felis. Etiam lacinia interdum dictum. Mauris eget felis sem. Aenean feugiat suscipit odio eget volutpat. Nam sit amet massa at tellus dapibus elementum. Aliquam lectus nisi, facilisis ut eleifend in, molestie eget nisl. Suspendisse quam nunc, dictum id mollis nec, fringilla eget tellus. Nam porttitor porttitor neque at eleifend.</p>
</article>
</section>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="jquery.headshrinker.js"></script>
<script>
jQuery(document).ready(function () {
jQuery('header').headshrinker({ fontSize: "17px", mobileMenu: true });
});
</script>
</body>
</html>