<!-- THIS CODE IS FOR THE DROPDOWNS TO WORK PROPERLY. THIS IS HTML CODE FOR NOW, BUT A TICKET WILL BE IN WITH THE JIRA TEAM TO CREATE THIS WITHOUT HTML KNOWLEDGE -->
<p align="center">
<!-- THE HREF="#initiatejavascript:void(0);" and ARIA-OWNS="initiate" determines what dropdown - DIV id="initiate" without the # - appears when clicking on the link. This needs to be custom for each link / dropdown combo -->
<a href="#initiatejavascript:void(0);" aria-owns="initiate" aria-haspopup="true" class="aui-button aui-dropdown2-trigger aui-style-default">Methods</a></p>
<!-- Simple Dropdown - dropdown -->
<div id="initiate" class="aui-dropdown2 aui-style-default">
<ul class="aui-list-truncate">
<li><a href="http://example.com/">Initiate Overview</a></li>
<li><a href="http://example.com/">Analysis & Synthesis</a></li>
<li><a href="http://example.com/">Bodystorming</a></li>
<li><a href="http://example.com/">Empathy Maps</a></li>
<li><a href="http://example.com/">How Might We…?</a></li>
<li><a href="http://example.com/">Problem Statement</a></li>
<li><a href="http://example.com/">Project / Design Brief</a></li>
<li><a href="http://example.com/">Project Kickoff Meeting</a></li>
<li><a href="http://example.com/">Requirements Gathering</a></li>
<li><a href="http://example.com/">Stakeholder Interviews</a></li>
<li><a href="http://example.com/">Stakeholder Mapping</a></li>
<li><a href="http://example.com/">Storyboard</a></li>
<li><a href="http://example.com/">User Stories</a></li>
</ul>
</div><!-- .aui-dropdown2 --> |