Avatars
Use avatars to display a portrait of a person. Images with non-square aspect ratios will be cropped to the center. Be sure to include an alt
attribute. Avatars come in two sizes.
Class | Size |
---|---|
.lwj-avatar |
90px |
.lwj-avatar-sm |
30px |
Example
Default and small avatars.






HTML
<img class="lwj-avatar" src="jason.jpg" alt="Jason">
<img class="lwj-avatar" src="sarah.png" alt="Sarah">
<img class="lwj-avatar" src="angie.png" alt="Angie">
<img class="lwj-avatar-sm" src="jason.jpg" alt="Jason">
<img class="lwj-avatar-sm" src="sarah.png" alt="Sarah">
<img class="lwj-avatar-sm" src="angie.png" alt="Angie">