forked from filamentgroup/RWD-Nav-Patterns
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
82 lines (64 loc) · 4.79 KB
/
index2.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
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6 legacy-ie"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="ie7 legacy-ie"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="ie8 legacy-ie"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>responsive navigation patterns</title>
<meta name="description" content="Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus." />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/rwd-nav2.css" />
<script src="js/lib/respond.js"></script>
<script src="js/lib/jquery.js"></script>
<script src="js/rwd-nav2.js"></script>
</head>
<body>
<a href="http://www.filamentgroup.com/" id="logo"><img src="fg-logo.gif" alt="Filament Group, Inc." /></a>
<a href="#nav" id="show-nav" class="button">Menu</a>
<div class="content">
<p class="intro">We offer services from strategy to UI and application design, to accessible front-end code development, and happily work with clients to find the right mix that supports their internal capabilities.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="nav" role="navigation" class="nav-primary">
<h3 id="navmenu-button" role="button" aria-haspopup="true" aria-owns="navmenu">Sections:</h3>
<ul id="navmenu" role="menu" aria-labelledby="navmenu-button">
<li role="menuitem" aria-haspopup="true"><a href="http://www.filamentgroup.com/services">What We Do</a>
<ul role="menu">
<li role="menuitem"><a href="#">Analysis & planning</a></li>
<li role="menuitem"><a href="#">Branding</a></li>
<li role="menuitem"><a href="#">UI design</a></li>
<li role="menuitem"><a href="#">Front-end code</a></li>
</ul>
</li>
<li role="menuitem"><a href="http://www.filamentgroup.com/portfolio">What We've Done</a></li>
<li role="menuitem"><a href="http://www.filamentgroup.com/lab">What We're Thinking</a></li>
<li role="menuitem" aria-selected="true" class="nav-current"><a href="http://www.filamentgroup.com/about">Who We Are</a></li>
<li role="menuitem"><a href="http://www.filamentgroup.com/contact">Contact Us</a></li>
</ul>
</div>
<!--
<div class="nav-primary" id="nav" role="navigation">
<h3 id="menu-button" role="button" aria-haspopup="true" aria-owns="menu">Sections:</h3>
<ul id="menu" role="listbox" aria-hidden="false" aria-labelledby="menu-button">
<li aria-haspopup="true"><a role="option" href="http://www.filamentgroup.com/services">What We Do</a>
<ul>
<li><a role="option" href="#">Analysis & planning</a></li>
<li><a role="option" href="#">Branding</a></li>
<li><a role="option" href="#">UI design</a></li>
<li><a role="option" href="#">Front-end code</a></li>
</ul>
</li>
<li><a role="option" href="http://www.filamentgroup.com/portfolio">What We've Done</a></li>
<li><a role="option" href="http://www.filamentgroup.com/lab">What We're Thinking</a></li>
<li aria-selected="true" class="nav-current"><a role="option" href="http://www.filamentgroup.com/about">Who We Are</a></li>
<li><a role="option" href="http://www.filamentgroup.com/contact">Contact Us</a></li>
</ul>
</div>
-->
</body>
</html>