index.html

<!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-nav.css" />
		
		<script src="js/lib/respond.js"></script>
		<script src="js/lib/jquery.js"></script>
		<script src="js/rwd-nav.js"></script>
	</head>

<body>


<a href="http://www.filamentgroup.com/" id="logo"><img src="fg-logo.gif" alt="Filament Group, Inc." /></a>

<a href="#main" class="skip">Skip navigation</a>

<div class="nav-primary">
   <h3>Sections:</h3>
	<ul>
		<li class="nav-current"><a href="http://www.filamentgroup.com/services">What We Do</a></li>
		<li><a href="http://www.filamentgroup.com/portfolio">What We've Done</a></li>
		<li><a href="http://www.filamentgroup.com/lab">What We're Thinking</a></li>
		<li><a href="http://www.filamentgroup.com/about">Who We Are</a></li>		
		<li><a href="http://www.filamentgroup.com/contact">Contact Us</a></li>
	</ul>
</div>

<div class="content">
   <p>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>
</div>


</body>
</html>