<div class="avatar-round mg-1-tb mg-2-lr">
     <div class="badge avatar avatar-sm">
         <img class="img-responsive img-round" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTmNdSL0wetARyMZVIRgtl2yPZyzXSJQx4EzA&usqp=CAU" alt="avatar" />
         <div class="online"></div>
     </div>
     <div class="badge avatar avatar-sm">
         <img class="img-responsive img-round" src="https://d2qp0siotla746.cloudfront.net/img/use-cases/profile-picture/template_3.jpg" alt="avatar" />
         <div class="sharing"></div>
     </div>
     <div class="badge avatar avatar-sm">
         <img class="img-responsive img-round" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRM5UJ298-pqDs-p8L2BxhZkWnoqDKs1klNu-pI0Po7KP0S-s99iu6OuzRkdmYDS3TWl6Q&usqp=CAU" alt="avatar" />
         <div class="offline"></div>
     </div>
     <div class="badge avatar avatar-sm">
         <img class="img-responsive img-round" src="https://i.pinimg.com/originals/3d/76/49/3d7649649b8bbf0547ecdb70c5462e0f.jpg" />
         <div class="busy"></div>
     </div>
     <div class="badge avatar avatar-sm">
         <img class="img-responsive img-round" src="https://i.pinimg.com/originals/db/0c/d5/db0cd529a6f6958ca8b08d6d6fa42ea6.jpg" alt="avatar" />
         <div class="away"></div>
     </div>
 </div>