<!-- Cite us -->
<li id="cite_menu">
    <a class="dropdown-toggle" role="button" id='cite'>Cite us</a>
</li>

<!-- Join us -->
<li class="dropdown" id="join_menu">
  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
      Join us<span class="caret"></span>
  </a>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#" onClick="javascript:joinus('annotation');">Data annotation</a></li>
    <li><a href="#" onClick="javascript:joinus('development');">Database development</a></li>
    <li><a href="#" onClick="javascript:joinus('collaboration');">Scientific collaboration</a></li>
    <li><a href="#" onClick="javascript:joinus('media');">Social media</a></li>
    <li><a href="#" onClick="javascript:joinus('feedback');">Give feedback</a></li>
  </ul>
</li>
<div id="join-us" class="modal modal-sm">
    <div class="modal-content">
        <div class="modal-header">
          <button style="float:right;display:inline;" aria-hidden="true" aria-label="Close" class="close close_modal" onclick="javascript:$('#join-us').modal('toggle');">&times;</button>
          <h3 class="modal-title">
            Join us
          </h3>
        </div>
        <div class="modal-body">
          <p>
          </p>
        </div>
    </div>
</div>