experiments/menu.html at master · hallodom/experiments · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Rebound</title>
    <link href='http://fonts.googleapis.com/css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>

    <nav class="navigation">
        <a class="js-show-menu">Left Menu</a>
        <a class="js-show-top-menu">Top Menu</a>
    </nav>

    <div id="menu" class="menu animate-bounce-in-left-start-pos">
        <a class="menu-top-status"><span class="square-pink"></span> Dom <span class="online-status">is away...</span></a>
        <a href=""><span class="menu-icon icon-user"></span>Me</a>
        <a href=""><span class="menu-icon icon-book-open"></span>Activity</a>
        <a href=""><span class="menu-icon icon-speech"></span>Discussions</a>
        <a href=""><span class="menu-icon icon-docs"></span>Files</a>
        <a href=""><span class="menu-icon icon-users"></span>People</a>
    </div>


    <div id="top-menu" class="top-menu">
        <a href="">Menu 1</a>
        <a href="">Menu 2</a>
        <a href="">Menu 3</a>
        <a href="">Menu 4</a>
        <a href="">Menu 5</a>
        <a href="">Menu 6</a>
    </div>

    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="js/rebound.js"></script>
    <script src="js/menuCSS.js"></script>

</body>
</html>