Code HTML

<article class="site-article">
    <h4 class="site-user-name">Test-User</h4>
    <img  src="inc/img/user/default.jpg" class="img-circle site-user-bg"/>
    <h3>Aufgaben:</h3>
    <ul class="site-user-ul">
    <li class="site-user-li"><p class="site-user-job"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> &Uuml;bersetzung</p></li>
    <li class="site-user-li"><p class="site-user-job"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Edit</p></li>
    <li class="site-user-li"><p class="site-user-job"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Timing</p></li>
    <li class="site-user-li"><p class="site-user-job"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Typeset</p></li>
    <li class="site-user-li"><p class="site-user-job"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> QC</p></li>
    <li class="site-user-li"><p class="site-user-job"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Encode</p></li>
    </ul>
    <p class="site-user-text" style="clear:both;">Alter: 99</p><br />
    <p class="site-user-text">Mitglied seit: 12.09.15</p><br />
    <p class="site-user-text">Lieblingsgenre: Ich habe noch keine Lieblingsgenre!</p><br />
    <p class="site-user-text">Lieblingsanime: Ich habe noch keinen Lieblingsanime eingetragen!</p><br />
    <p class="site-user-text">Lieblingsspruch: Ich habe noch keinen Lieblingsspruch eingetragen!</p><br />
</article>