Avatars

Profile or user pictures in a standalone, list of tabular format.

Simple Avatar

Avatar circled

Avatar circled and bordered

<!-- add width and height values to set dimensions  -->

<div class="app-avatar" style="width: 120px; height: 120px;">
	<img src="../images/unknown_user.jpg" alt="User Name">
</div>

<div class="app-avatar is--circled" style="width: 120px; height: 120px;">
	<img src="../images/unknown_user.jpg" alt="User Name">
</div>


<div class="app-avatar is--circled is--bordered" 
style="width: 120px; height: 120px;">
	<img src="../images/unknown_user.jpg" alt="User Name">
</div>