navigation.html

<div id="catnav" class="hidden-print">
    <div id="navigate" class="mobile-visible" ng-click="controller.toggleMobile = !controller.toggleMobile">Navigate to...</div>
    <ul class="limit" ng-class="{'mobile-hidden': !controller.toggleMobile}">
        <li><a href="https://www.fedramp.gov/" title="Home">Home</a></li>
        <li class="dropdown">
            <a href="#" title="About Us" title="About Us">About Us</a>
            <ul class="dropdown-content down">
                <li><a href="https://www.fedramp.gov/about-us/about/" title="Program Overview">Program Overview</a></li>
                <li><a href="https://www.fedramp.gov/about-us/team-bios/" title="Team Bios">Team Bios</a></li>
                <li><a href="https://www.fedramp.gov/about-us/governance/" title="Governance">Governance</a></li>
                <li class="dropdown">
                    <a href="#" title="FedRAMP Forward">FedRAMP Forward</a>
                    <ul class="dropdown-content right">
                        <li><a href="https://www.fedramp.gov/about-us/fedramp-first-four-years-last-nine-months/" title="FedRAMP: First Four Years &amp; Last Nine Months">FedRAMP: First Four Years &amp; Last Nine Months</a></li>
                        <li><a href="https://www.fedramp.gov/about-us/fedramp-forward-a-look-back-at-the-last-six-months/" title="FedRAMP Forward (Part 1)">FedRAMP Forward (Part 1)</a></li>
                        <li><a href="https://www.fedramp.gov/about-us/fedramp-forward-part-2/" title="FedRAMP Forward (Part 2)">FedRAMP Forward (Part 2)</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" title="Participate">Participate</a>
            <ul class="dropdown-content down">
                <li><a href="https://www.fedramp.gov/participate/fedramp-accelerated-process/" title="FedRAMP Accelerated">FedRAMP Accelerated</a></li>
                <li><a href="https://www.fedramp.gov/participate/agencies/" title="Federal Agencies">Federal Agencies</a></li>
                <li><a href="https://www.fedramp.gov/participate/csps/" title="Cloud Service Providers">Cloud Service Providers</a></li>
                <li class="dropdown">
                    <a href="https://www.fedramp.gov/participate/3paos/" title="Assessors">Assessors</a>
                    <ul class="dropdown-content right">
                        <li><a href="https://www.fedramp.gov/participate/3paos/a2la-accreditation/" title="A2LA Accreditation">A2LA Accreditation</a></li>
                    </ul>
                </li>
                <li><a href="https://www.fedramp.gov/provide-public-comment/" title="Provide Public Comment">Provide Public Comment</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#"
               ui-sref="fedramp.app.home.products"
               ng-class="{'active': controller.includes('fedramp.**')}"
               title="Marketplace">
                <span>Marketplace</span>
            </a>
            <ul class="dropdown-content down">
                <li>
                    <a href="javascript:;"
                       ng-click="controller.filterProducts('Compliant')"
                       ng-class="{'active': controller.includes('**.products', 'Compliant')}"
                       title="FedRAMP Authorized Products">
                        <span>FedRAMP Authorized Products</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;"
                       ng-click="controller.filterProducts('In Process')"
                       ng-class="{'active': controller.includes('**.products', 'In Process')}"
                       title="FedRAMP In-Process Products">
                        <span>FedRAMP In-Process Products</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;"
                       ng-click="controller.filterProducts('FedRAMP Ready')"
                       ng-class="{'active': controller.includes('**.products', 'FedRAMP Ready')}"
                       title="FedRAMP Ready Products">
                        <span>FedRAMP Ready Products</span>
                    </a>
                </li>
                <li>
                    <a ui-sref="fedramp.app.home.agencies"
                       ng-class="{'active': controller.includes('**.agencies')}"
                       title="Agencies">
                        <span>Agencies</span>
                    </a>
                </li>
                <li>
                    <a ui-sref="fedramp.app.home.assessors"
                       ng-class="{'active': controller.includes('**.assessors')}"
                       title="Accredited Assessors">
                        <span>Accredited Assessors</span>
                    </a>
                </li>
                <li>
                    <a ui-sref="fedramp.app.dictionary"
                       ng-class="{'active': controller.includes('**.dictionary')}"
                       title="Marketplace Terms">
                        <span>Marketplace Terms</span>
                    </a>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" title="Resources">Resources</a>
            <ul class="dropdown-content down">
                <li><a href="https://www.fedramp.gov/resources/documents-2016/" title="Documents">Documents</a></li>
                <li><a href="https://www.fedramp.gov/resources/templates-2016/" title="Templates">Templates</a></li>
                <li><a href="https://www.fedramp.gov/resources/nist-publications/" title="NIST Publications">NIST Publications</a></li>
                <li><a href="https://www.fedramp.gov/resources/faqs/" title="FAQs">FAQs</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" title="Training">Training</a>
            <ul class="dropdown-content down">
                <li><a href="https://www.fedramp.gov/resources/training/" title="FedRAMP Training">FedRAMP Training</a></li>
                <li><a href="https://www.fedramp.gov/resources/fedramp-webcasts/" title="FedRAMP Webcasts">FedRAMP Webcasts</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <a href="#" title="Newsroom">Newsroom</a>
            <ul class="dropdown-content down">
                <li><a href="https://www.fedramp.gov/category/newsroom/" title="Newsroom">Newsroom</a></li>
                <li><a href="https://www.fedramp.gov/events/" title="Events">Events</a></li>
            </ul>
        </li>
    </ul>
</div>