forked from joedf/strapdown-topbar
/
header-test.html
70 lines (55 loc) · 7.29 KB
/
header-test.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link type="image/png" href="assets/logo.png" rel="icon">
<title>StrapDown-TopBar</title>
</head>
<body>
<topbar right style="display:none;">
<item><a href="index.html">Home</a></item>
<menu name="Examples">
<item><a href="template.html">Left</a></item>
<item><a href="template-right.html">Right</a></item>
<item><a href="template-mfixed.html">MFixed</a></item>
<item><a href="header-test.html">Header Test</a></item>
<item><a href="header-test-mfixed.html">Header Test (MFixed)</a></item>
</menu>
<menu name="Dropdown Menu">
<item><a href="#">Item #1</a></item>
<item><a href="#">Item #2</a></item>
<item><a href="#">Item #3</a></item>
<item></item> <!-- add a divider -->
<item><a href="#">Item #4</a></item>
</menu>
<toc>My TOC</toc>
<item><a href="https://github.com/joedf/strapdown-topbar">Fork on Github</a></item>
<item><small>(Powered by <a href="http://strapdownjs.com/">StrapDown.js</a>)</small></item>
</topbar>
<xmp theme="simplex" style="display:none;">
# Header 1
1
## Header 2
22
### Header 3
333
#### Header 4
4444
##### Header 5
55555
###### Header 6
666666
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla maximus consequat tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut gravida leo in purus dapibus ultricies. Vestibulum tincidunt magna vitae ipsum tristique efficitur. Mauris magna erat, auctor ut lorem sit amet, hendrerit bibendum orci. Morbi non lorem vitae orci varius luctus. In non consectetur lorem. Aliquam in vestibulum ipsum, eget pretium lorem. Proin vitae purus nisl. Donec ut cursus libero. Quisque lacinia metus libero, eu dictum lorem interdum et. Suspendisse ultricies nisl ut quam semper tincidunt non et est. Donec hendrerit orci ut lectus maximus dictum. Donec velit metus, venenatis et fringilla quis, maximus at augue. Fusce leo magna, sodales at mauris et, euismod fringilla purus.
Vestibulum nec ultrices massa, in eleifend erat. Proin malesuada eleifend justo eu suscipit. Praesent vitae felis et diam ornare sagittis sit amet et dolor. Aenean molestie rhoncus ex et blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. In vulputate a nulla sit amet sagittis. Suspendisse egestas quam in aliquam scelerisque. Sed ornare vestibulum finibus. Cras feugiat leo et tortor suscipit cursus. Proin eu mi sapien. Etiam ut imperdiet neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla maximus consequat tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut gravida leo in purus dapibus ultricies. Vestibulum tincidunt magna vitae ipsum tristique efficitur. Mauris magna erat, auctor ut lorem sit amet, hendrerit bibendum orci. Morbi non lorem vitae orci varius luctus. In non consectetur lorem. Aliquam in vestibulum ipsum, eget pretium lorem. Proin vitae purus nisl. Donec ut cursus libero. Quisque lacinia metus libero, eu dictum lorem interdum et. Suspendisse ultricies nisl ut quam semper tincidunt non et est. Donec hendrerit orci ut lectus maximus dictum. Donec velit metus, venenatis et fringilla quis, maximus at augue. Fusce leo magna, sodales at mauris et, euismod fringilla purus.
Vestibulum nec ultrices massa, in eleifend erat. Proin malesuada eleifend justo eu suscipit. Praesent vitae felis et diam ornare sagittis sit amet et dolor. Aenean molestie rhoncus ex et blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. In vulputate a nulla sit amet sagittis. Suspendisse egestas quam in aliquam scelerisque. Sed ornare vestibulum finibus. Cras feugiat leo et tortor suscipit cursus. Proin eu mi sapien. Etiam ut imperdiet neque. Vestibulum nec ultrices massa, in eleifend erat. Proin malesuada eleifend justo eu suscipit. Praesent vitae felis et diam ornare sagittis sit amet et dolor. Aenean molestie rhoncus ex et blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. In vulputate a nulla sit amet sagittis. Suspendisse egestas quam in aliquam scelerisque. Sed ornare vestibulum finibus. Cras feugiat leo et tortor suscipit cursus. Proin eu mi sapien. Etiam ut imperdiet neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla maximus consequat tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut gravida leo in purus dapibus ultricies. Vestibulum tincidunt magna vitae ipsum tristique efficitur. Mauris magna erat, auctor ut lorem sit amet, hendrerit bibendum orci. Morbi non lorem vitae orci varius luctus. In non consectetur lorem. Aliquam in vestibulum ipsum, eget pretium lorem. Proin vitae purus nisl. Donec ut cursus libero. Quisque lacinia metus libero, eu dictum lorem interdum et. Suspendisse ultricies nisl ut quam semper tincidunt non et est. Donec hendrerit orci ut lectus maximus dictum. Donec velit metus, venenatis et fringilla quis, maximus at augue. Fusce leo magna, sodales at mauris et, euismod fringilla purus.
Vestibulum nec ultrices massa, in eleifend erat. Proin malesuada eleifend justo eu suscipit. Praesent vitae felis et diam ornare sagittis sit amet et dolor. Aenean molestie rhoncus ex et blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. In vulputate a nulla sit amet sagittis. Suspendisse egestas quam in aliquam scelerisque. Sed ornare vestibulum finibus. Cras feugiat leo et tortor suscipit cursus. Proin eu mi sapien. Etiam ut imperdiet neque. Vestibulum nec ultrices massa, in eleifend erat. Proin malesuada eleifend justo eu suscipit. Praesent vitae felis et diam ornare sagittis sit amet et dolor. Aenean molestie rhoncus ex et blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. In vulputate a nulla sit amet sagittis. Suspendisse egestas quam in aliquam scelerisque. Sed ornare vestibulum finibus. Cras feugiat leo et tortor suscipit cursus. Proin eu mi sapien. Etiam ut imperdiet neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla maximus consequat tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut gravida leo in purus dapibus ultricies. Vestibulum tincidunt magna vitae ipsum tristique efficitur. Mauris magna erat, auctor ut lorem sit amet, hendrerit bibendum orci. Morbi non lorem vitae orci varius luctus. In non consectetur lorem. Aliquam in vestibulum ipsum, eget pretium lorem. Proin vitae purus nisl. Donec ut cursus libero. Quisque lacinia metus libero, eu dictum lorem interdum et. Suspendisse ultricies nisl ut quam semper tincidunt non et est. Donec hendrerit orci ut lectus maximus dictum. Donec velit metus, venenatis et fringilla quis, maximus at augue. Fusce leo magna, sodales at mauris et, euismod fringilla purus.
Vestibulum nec ultrices massa, in eleifend erat. Proin malesuada eleifend justo eu suscipit. Praesent vitae felis et diam ornare sagittis sit amet et dolor. Aenean molestie rhoncus ex et blandit. Interdum et malesuada fames ac ante ipsum primis in faucibus. In vulputate a nulla sit amet sagittis. Suspendisse egestas quam in aliquam scelerisque. Sed ornare vestibulum finibus. Cras feugiat leo et tortor suscipit cursus. Proin eu mi sapien. Etiam ut imperdiet neque.
</xmp>
<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
<!-- Include it AFTER strapdown -->
<script src="assets/strapdown/strapdown-topbar.min.js"></script>
<!-- Example: Manually adding a logo -->
<!----------- Include it AFTER EVERYTHING -->
<script src="assets/logo.js"></script>
</body>
</html