forked from learnaria/learnaria.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
menu.html
58 lines (54 loc) · 2.71 KB
/
menu.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>IK Library: Menu Navigation</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="assets/ik_lib.css" rel="stylesheet" type="text/css">
<script src="assets/ik_utils.js"></script>
<script src="assets/ik_menu.js"></script>
<script>
$(document).ready(function() {
$(".menu").ik_menu();
});
</script>
</head>
<body>
<main>
<a href="index.html">← Index</a>
<h1>Menu Navigation</h1>
<nav class="menu">
<ul>
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></span>
<ul>
<li><a href="#">Menu Item 2.1</a></li>
<li><a href="#">Menu Item 2.2</a></li>
<li><a href="#">Menu item 2.3</a>
<ul>
<li><a href="#">Menu Item 2.3.1</a></li>
<li><a href="#">Menu Item 2.3.2</a></li>
</ul>
</li>
<li><a href="#">Menu Item 2.4</a></li>
</ul>
</li>
<li><a href="#">Menu Item 3</a></li>
<li><a href="#">Menu Item 4</a>
<ul>
<li><a href="#">Menu Item 4.1</a></li>
<li><a href="#">Menu Item 4.2</a></li>
<li><a href="#">Menu item 4.3</a></li>
</ul>
</li>
<li><a href="#">Menu Item 5</a></li>
</ul>
</nav>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a mi at enim scelerisque laoreet. In hac habitasse platea dictumst. Sed eu sodales sapien, sed venenatis ex. Curabitur non condimentum tellus. Ut quis sapien tempus nunc vehicula suscipit sit amet non neque. Nullam pellentesque at metus et tristique. Praesent et ligula orci. Vestibulum mattis vel lacus quis <a href="#">pulvinar</a>.</p>
<p>Curabitur elementum at quam varius fermentum. Duis ut bibendum ex. Suspendisse potenti. Aenean massa erat, tempor eu erat eu, tempus viverra lectus. Sed efficitur, ligula in cursus vulputate, lacus odio volutpat mauris, ac pulvinar ex velit id neque. Praesent ultricies augue vel eros suscipit convallis. Etiam aliquet tristique convallis. Vestibulum eu fringilla leo, ut ultrices metus. Integer mattis tempus auctor. Integer nec magna at metus suscipit sagittis at non risus. Vestibulum tincidunt, sem et suscipit pellentesque, metus nisl varius arcu, sed finibus felis purus ac nisi. Aliquam sollicitudin, lectus non sollicitudin consectetur, nibh mi porta mi, eget vestibulum magna ipsum sed elit. Duis sapien dolor, auctor non nunc vitae, convallis pretium felis. Sed consectetur at ligula a pulvinar. Nulla et felis a augue rutrum elementum vitae id nisl.</p>
</div>
</main>
</body>
</html>