<!-- article is an HTML5 element. Use div instead if you are using HTML4 -->
<article class="lotusPost" role="article" tabindex="0">
    <div class="lotusPostAuthorInfo">
        <div class="lotusPostAvatar">
            <!-- replace the blank.gif with the URL to the server for person pictures -->
            <img class="yourProductSprite yourProductSprite-NoPhotoPerson48" alt="" src="../../css/images/blank.gif"/></div>
    </div><!--end author info-->
    <div class="lotusPostContent">
        <div class="lotusPostAction"><a class="lotusPerson" href="javascript:;">Samantha Daryn</a> bookmarked...</div>
        <div class="lotusPostDetails">
            <h4 class="lotusTitle">Website's page name is displayed here as collected from the URL</h4>
            <div><a href="javascript:;">www.web-address-goes-here.com</a></div>
            <div>Website description goes here as collected from the URL..</div>
            <div class="lotusTags">Tags: <span role="list"><span role="listitem"><a href="javascript:;">web</a></span>, <span role="listitem"><a href="javascript:;">site</a></span>, <span role="listitem"><a href="javascript:;">url</a></span></span></div>
        </div>
        <div class="lotusMeta lotusChunk"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="[update type]" />9:15 AM</div>
        <div class="lotusPostMore"><ul class="lotusInlinelist lotusActions" role="toolbar" aria-label="Actions for this post"><li class="lotusFirst" role="presentation"><a href="javascript:;" role="button">Comment</a></li><li role="presentation"><a href="javascript:;" role="button">Save This</a></li><li role="presentation"><a href="javascript:;" role="button">Stop Following</a></li></ul></div>
        <div class="lotusPostIndicator"><a href="javascript:;" role="button"><img src="../../css/images/blank.gif" alt=""><span class="lotusAltText">&gt;</span></a></div>
    </div><!--end postContent-->
</article><!--end post-->