<div id="navMenuTwoCol" class="lotusNavMenu" aria-label="communities menu"> <table cellspacing="0" class="lotusLayout lotusTwoCol" role="grid"> <tbody> <tr class="lotusMenuSeparator" role="row"> <th scope="col" role="columnheader" colspan="2"> <ul class="lotusInlinelist lotusActions"> <li class="lotusFirst"><a href="javascript:;" role="button">Go to Communities</a></li> <li><a href="javascript:;" role="button">I'm a Member</a></li> <li><a href="javascript:;" role="button">I'm an Owner</a></li> <li><a href="javascript:;" role="button">I'm Following</a></li> </ul> <form class="lotusSearch" role="search" method="post" action="javascript:;"><input class="lotusText" type="text" title="Search" value="" name="lotusSearchText"><input class="lotusSearchButton" type="image" src="../../css/images/blank.gif" alt="Submit search" title="Submit search"><a class="lotusAltText" href="javascript:;">Search</a></form> </th> </tr> <tr class="lotusMenuSeparator" role="row"> <td role="gridcell"><a href="javascript:;"> <div class="lotusFloat"> <img class="yourProductSprite yourProductSprite-iconPlaceholder32" alt="" src="../../css/images/blank.gif"/> </div> <div class="lotusFloatContent"> <div class="lotusEllipsis lotusBold">Very Long Community Name To Demonstrate How This Menu Handles Long Names</div> <div class="lotusEllipsis lotusMeta">Very Long Time To Demonstrate How This Menu Handles Long Times</div> </div> </a></td> <td role="gridcell"><a href="javascript:;"> <div class="lotusFloat"> <img class="yourProductSprite yourProductSprite-iconPlaceholder32" alt="" src="../../css/images/blank.gif"/> </div> <div class="lotusFloatContent"> <div class="lotusEllipsis lotusBold">Community Name</div> <div class="lotusEllipsis lotusMeta">Time</div> </div> </a></td> </tr> <tr class="lotusMenuSeparator" role="row"> <td role="gridcell"><a href="javascript:;"> <div class="lotusFloat"> <img class="yourProductSprite yourProductSprite-iconPlaceholder32" alt="" src="../../css/images/blank.gif"/> </div> <div class="lotusFloatContent"> <div class="lotusEllipsis lotusBold">Community Name</div> <div class="lotusEllipsis lotusMeta">Time</div> </div> </a></td> <td role="gridcell"><a href="javascript:;"> <div class="lotusFloat"> <img class="yourProductSprite yourProductSprite-iconPlaceholder32" alt="" src="../../css/images/blank.gif"/> </div> <div class="lotusFloatContent"> <div class="lotusEllipsis lotusBold">Community Name</div> <div class="lotusEllipsis lotusMeta">Time</div> </div> </a></td> </tr> <tr class="lotusMenuSeparator" role="row"> <td role="gridcell"><a href="javascript:;"> <div class="lotusFloat"> <img class="yourProductSprite yourProductSprite-iconPlaceholder32" alt="" src="../../css/images/blank.gif"/> </div> <div class="lotusFloatContent"> <div class="lotusEllipsis lotusBold">Community Name</div> <div class="lotusEllipsis lotusMeta">Time</div> </div> </a></td> <td role="gridcell"><a href="javascript:;"> <div class="lotusFloat"> <img class="yourProductSprite yourProductSprite-iconPlaceholder32" alt="" src="../../css/images/blank.gif"/> </div> <div class="lotusFloatContent"> <div class="lotusEllipsis lotusBold">Community Name</div> <div class="lotusEllipsis lotusMeta">Time</div> </div> </a></td> </tr> <tr class="lotusMenuFooter" role="row"> <td role="gridcell" colspan="2"> <ul class="lotusInlinelist lotusActions"> <li class="lotusFirst">Showing recently active communities you follow</li> <li><a href="javascript:;" role="button">View all</a></li> </ul> </td> </tr> </tbody> </table> <div class="lotusNavMenuConnector"></div> </div>