forked from canonical/global-nav
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (91 loc) · 4.44 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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Canonical global navigation demo</title>
<meta name="description" content="Canonical global navigation demo" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
body {
display: block;
height: 100%;
margin: 0;
width: 100%;
}
</style>
</head>
<body>
<main id="main-content">
<h1>Page content</h1>
<p>
This is the demo of the global navigation project for Canonical's
websites.
</p>
<div id="lipsum">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non mi
justo. Mauris nisi neque, posuere sed consequat vel, aliquet id nulla.
Aliquam nec velit elit. Nam eu sapien nisl. Morbi mattis viverra leo a
lobortis. Aenean at nisl lobortis, tristique odio ac, porta massa.
Curabitur vehicula malesuada turpis in varius. Pellentesque leo neque,
vehicula sed porttitor eu, hendrerit vel lacus. Suspendisse suscipit
ultricies erat id facilisis. Ut hendrerit vitae ex nec convallis.
</p>
<p>
Nunc scelerisque, mi vitae fringilla euismod, arcu nisl dignissim
neque, nec accumsan ante risus ut ipsum. Pellentesque vulputate odio
turpis. Nunc sed semper dui, ut tempor nulla. Nullam consectetur
fermentum ligula eu eleifend. Morbi ullamcorper gravida mauris. Cras
sed massa eu ante convallis pulvinar. Pellentesque interdum
sollicitudin elit, et efficitur purus varius vitae. Morbi euismod
faucibus sapien id laoreet. Quisque euismod est bibendum lorem
ultricies, nec facilisis nibh lobortis. Fusce in tempor justo, ut
mollis orci. Sed sem purus, tristique a magna sit amet, sollicitudin
lobortis ipsum. Proin mauris eros, pretium at magna ac, rhoncus
tristique nulla.
</p>
<p>
Nullam blandit purus et nulla vehicula, sit amet convallis erat
ullamcorper. Orci varius natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Vestibulum dignissim placerat velit in
mollis. Quisque sed magna nisi. Praesent varius congue felis sit amet
scelerisque. Phasellus purus lorem, porta sit amet eleifend et,
dapibus imperdiet erat. Nunc dictum nibh quis convallis imperdiet.
Praesent ut diam eget eros auctor sollicitudin nec id urna. In ante
nisl, facilisis vitae mauris in, faucibus fringilla justo. Nunc
rhoncus purus et tellus imperdiet finibus.
</p>
<p>
Quisque ullamcorper eros mauris, non eleifend leo sagittis nec. Aenean
ut ex id lorem sagittis dapibus. Pellentesque consequat sapien erat,
quis cursus augue ultrices in. Mauris nec venenatis nisi. Integer
gravida semper elit sagittis finibus. Vestibulum convallis odio et leo
imperdiet, non molestie eros posuere. Quisque egestas nulla a libero
pretium, nec pulvinar mauris vestibulum. Pellentesque vehicula dolor
nulla, eu feugiat dolor tempor congue. Duis id tincidunt quam. In hac
habitasse platea dictumst. Mauris tempus tortor eget sapien ultrices
egestas. Nulla facilisi. Nulla hendrerit quis ante a viverra. Maecenas
eu egestas libero.
</p>
<p>
Curabitur ut lacus vitae massa congue sagittis vitae blandit magna.
Fusce pharetra arcu risus, a tempor tortor convallis vitae. Sed varius
fermentum metus, id placerat eros hendrerit ullamcorper. Suspendisse
porta felis odio, eu sollicitudin dui tristique ut. Ut ullamcorper leo
nec sodales tempus. Nunc porttitor et libero in dignissim. Proin
euismod eleifend erat. Vivamus nec aliquam ex. Ut aliquet venenatis
diam, vitae sollicitudin ligula suscipit vel. Suspendisse et justo
sapien. Etiam eleifend mauris non orci fringilla vulputate. Ut
imperdiet magna faucibus, sagittis ex eu, sagittis tellus. Vestibulum
faucibus vestibulum arcu non dictum. Nullam quis volutpat arcu, sit
amet viverra ante.
</p>
</div>
</main>
<script src="dist/global-nav.js"></script>
<script>
canonicalGlobalNav.createNav();
</script>
</body>
</html>