Line 1:
Line 1:
+
<!------------- navigation bar ------------------->
+
<body>
+
<section class="super-body">
+
<header>
+
</header>
+
<nav class="navbar navbar-default navbar-fixed-top">
+
<div class="container">
+
<div class="navbar-header">
+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
<span class="sr-only">Toggle navigation</span>
+
<span class="icon-bar"></span>
+
<span class="icon-bar"></span>
+
<span class="icon-bar"></span>
+
</button>
+
<a class="navbar-brand" href="">Home <i class="fa fa-home" aria-hidden="true" style="padding-right: 10px"></i></a>
+
</div>
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<ul class="nav navbar-nav navbar-right">
+
<li class="dropdown">
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About<span class="caret"></span></a>
+
<ul class="dropdown-menu">
+
<li><a href="">About OPSA</a></li>
+
</ul>
+
</li>
+
+
<li class="dropdown">
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">The Strategy<span class="caret"></span></a>
+
<ul class="dropdown-menu">
+
<li><a href="">Nothing without us: accessibility strategy</a></li>
+
<li><a href="">Visual Summary of Strategy</a></li>
+
<li><a href="">The strategy on Canada.ca </a></li>
+
<li><a href= "">PDF version of the Strategy </a></li>
+
<li><a href=""> What's next </a></li>
+
<li><a href="#">More to come...</a></li>
+
</ul>
+
</li>
+
+
<li class="dropdown">
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">The Accessibility Hub<span class="caret"></span></a>
+
<ul class="dropdown-menu">
+
<li><a href="">The Accessibility Hub</a></li>
+
<li><a href="">Accessibility Confident Organizations</a></li>
+
<li><a href="">Recruitment, Retention, and Promotion</a></li>
+
<li><a href="">Accommodations</a></li>
+
<li><a href="">Information and Communication Technology</a></li>
+
<li><a href="">Programs and Services</a></li>
+
<li><a href="">Built Environment and Procurement</a></li>
+
<li><a href="#">More to come...</a></li>
+
</ul>
+
</li>
+
+
<li><a href="">Contact</a></li>
+
<li><a href="">FR</a></li>
+
</ul>
+
</div>
+
</div>
+
</nav>