Simple avatar


	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/male/1.jpg"></span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/male/2.jpg"></span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/1.jpg"></span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/2.jpg"></span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/male/3.jpg"></span>

avatar size


	<span class="avatar cover-image avatar-sm" data-image-src="../assets/images/faces/male/4.jpg"></span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/3.jpg"></span>
	<span class="avatar cover-image avatar-md bradius" data-image-src="../assets/images/faces/male/6.jpg"></span>
	<span class="avatar cover-image avatar-lg bradius" data-image-src="../assets/images/faces/male/6.jpg"></span>
	<span class="avatar cover-image avatar-xl bradius" data-image-src="../assets/images/faces/female/4.jpg"></span>
	<span class="avatar cover-image avatar-xxl bradius" data-image-src="../assets/images/faces/male/7.jpg"></span>

avatar cover-image status


	<span class="avatar" data-image-src="../assets/images/faces/male/8.jpg"></span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/5.jpg">
		<span class="avatar-status"></span>
	</span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/male/9.jpg">
		<span class="avatar-status bg-red"></span>
	</span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/6.jpg">
		<span class="avatar-status bg-green"></span>
	</span>
	<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/7.jpg">
		<span class="avatar-status bg-yellow"></span>
	</span>

Avatars list

+8

	<div class="avatar-list avatar-list-stacked bradius">
		<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/10.jpg"></span>
		<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/8.jpg"></span>
		<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/9.jpg"></span>
		<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/female/10.jpg"></span>
		<span class="avatar cover-image bradius" data-image-src="../assets/images/faces/male/11.jpg"></span>
		<span class="avatar cover-image bradius">+8</span>
	</div>