<div class="well"> <div class="account-username-box"> <span class="account-username"> <a href="/users/{userslug}">{username}</a> </span> <div class="account-sub-links inline-block pull-right"> <span id="followersLink" class="pull-right"><a href="/users/{userslug}/followers">followers</a></span> <span id="followingLink" class="pull-right"><a href="/users/{userslug}/following">following</a></span> <span id="editLink" class="pull-right"><a href="/users/{userslug}/edit">edit</a></span> </div> </div> <div class="row-fluid"> <div class="span2" style="text-align: center; margin-bottom:20px;"> <div class="account-picture-block"> <img src="{picture}" class="user-profile-picture img-polaroid"/> </div> <div class="account-online-status"> <span><i class="icon-circle-blank"></i> <span>offline</span></span> </div> <div id="user-actions"> <a id="follow-btn" href="#" class="btn">Follow</a> </div> </div> <div class="span4"> <h4>profile</h4> <div class="inline-block"> <div class="account-bio-block"> <span class="account-bio-label">email</span> <span>{email}</span> <br/> <span class="account-bio-label">full name</span> <span>{fullname}</span> <br/> <span class="account-bio-label">website</span> <span><a href="{website}">{website}</a></span> <br/> <span class="account-bio-label">location</span> <span>{location}</span> <br/> <span class="account-bio-label">age</span> <span>{age}</span> <br/> <hr/> <span class="account-bio-label">member for</span> <span>{joindate}</span> <br/> <span class="account-bio-label">reputation</span> <span id='reputation'>{reputation}</span> <br/> <span class="account-bio-label">posts</span> <span id='postcount'>{postcount}</span> <br/> <span class="account-bio-label">followers</span> <span>{followerCount}</span> <br/> <span class="account-bio-label">following</span> <span>{followingCount}</span> <br/> <hr/> <span class="account-bio-label">signature</span> <div class="post-signature"> <span id='signature'>{signature}</span> </div> </div> </div> </div> <div class="span6 user-recent-posts"> <h4>recent posts </h4> <!-- BEGIN posts --> <div class="topic-row img-polaroid clearfix" topic-url="topic/{posts.tid}/{posts.pid}"> <span>{posts.content}</span> <span class="pull-right">{posts.relativeTime} ago</span> </div> <!-- END posts --> </div> </div> <br/> <div id="user-action-alert" class="alert alert-success hide"></div> </div> <input type="hidden" template-variable="yourid" value="{yourid}" /> <input type="hidden" template-variable="theirid" value="{theirid}" /> <input type="hidden" template-type="boolean" template-variable="isFollowing" value="{isFollowing}" /> <script type="text/javascript" src="{relative_path}/src/forum/account.js"></script>