<nav class="navigation js-navigation u-bgGrayDarkest u-colorGrayLight">
<div class="navigation-wrapper">
<div class="navigation-item navigation-item--wide">
<span class="u-h3 u-txtSmall js-dropdown-toggle">Solutions <i class="icon icon--arrowRight icon--sm u-floatRight u-txtLarger" aria-hidden="true"></i></span>
<div class="dropdown js-dropdown-pane">
<div class="o-grid">
<div class="o-grid-cell u-lg-size4of12">
<h2 class="u-allCaps u-txtSmall">Browse By Product</h2>
<ul class="list">
<li><a href="">Revu for Windows</a></li>
<li><a href="">Revu for Mac</a></li>
<li><a href="">Revu for iPad</a></li>
<li><a href="">Vu</a></li>
<li><a href="">Revu for Enterprise</a></li>
<li><a href="">Compare all products</a></li>
</ul>
</div>
<div class="o-grid-cell u-lg-size4of12">
<h2 class="u-allCaps u-txtSmall">Browse By Role</h2>
<ul class="list">
<li><a href="">Architect</a></li>
<li><a href="">Engineer</a></li>
<li><a href="">General Contractor</a></li>
<li><a href="">Subcontractor</a></li>
<li><a href="">Estimator</a></li>
<li><a href="">Superintendent</a></li>
</ul>
</div>
<div class="o-grid-cell u-lg-size4of12">
<h2 class="u-allCaps u-txtSmall">Browse By Workflow</h2>
<ul class="list">
<li><a href="">Design Review</a></li>
<li><a href="">Takeoffs</a></li>
<li><a href="">Project Setup</a></li>
<li><a href="">Drawing Management</a></li>
<li><a href="">Submittal Review</a></li>
<li><a href="">RFI Management</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navigation-item">
<a href="" class="navigation-item-link u-h3 u-txtSmall">Training</a>
</div>
<div class="navigation-item">
<a href="" class="navigation-item-link u-h3 u-txtSmall">Support</a>
</div>
<div class="navigation-item">
<span class="u-h3 u-txtSmall js-dropdown-toggle">Company <i class="icon icon--arrowRight icon--sm u-floatRight u-txtLarger" aria-hidden="true"></i></span>
<div class="dropdown js-dropdown-pane">
<ul class="list u-pl5 u-pr5">
<li><a href="">About Bluebeam</a></li>
<li><a href="">Press Room</a></li>
<li><a href="">Awards & Reviews</a></li>
<li><a href="">Work @ Bluebeam</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</div>
</div>
<div class="navigation-item">
<a href="" class="navigation-item-link u-h3 u-txtSmall">Trials</a>
</div>
<div class="navigation-item">
<span class="u-h3 u-txtSmall js-dropdown-toggle">Store <i class="icon icon--arrowRight icon--sm u-floatRight u-txtLarger" aria-hidden="true"></i></span>
<div class="dropdown js-dropdown-pane">
<ul class="list u-pl5 u-pr5">
<li><a href="">Buy Direct</a></li>
<li><a href="">Find a Reseller</a></li>
</ul>
</div>
</div>
</div>
</nav>