Avatar examples


Empty avatar

El padre de la imagen debe tener la clase avatar y dentro se pone un span con la clase "class="avatar--empty-state" y las iniciales dentro. La imagen se comentaria

<figure class="avatar avatar-profile"> <span class="avatar--empty-state">MJ</span> </figure>

Tier avatar

El padre de la imagen debe tener la clase avatar--new y dentro se pone un div con la clase "class="avatar--new-icon" + nivel: "bronze", "silver", "gold". Dentro siempre tiene que haber un icono llamado: class="icon-bordered-star"

<figure class="avatar avatar--new"> <div class="avatar--new-icon bronze"> <i class="icon-bordered-star"></i> </div> </figure>


MJ

Mi perfil de usuario




MJ

Nicole Pearson

Cargo: Técnico

Email: usuario@ulma.com

Móvil: 698008978

Último cambio: 17/07/2020




MJ
Rol: Usuario

Michael Johnes

Email mjohnes@ulma.com Teléfono +34 680 90 00 Cargo Técnico


Tier user

Nuevo usuario - avatar avatar--new > div.avatar--new-icon



class="bronze"


class="silver"


class="gold"





Filled avatar

El padre de la imagen debe tener la clase avatar y dentro se pone una img con la clase "class="avatar--profile__img"

<figure class="avatar avatar-profile"> <img src="" class="avatar--profile__img"> </figure>
avatar

Mi perfil de usuario




avatar

Nicole Pearson

Cargo: Técnico

Email: usuario@ulma.com

Móvil: 698008978

Último cambio: 17/07/2020




avatar
Rol: Usuario

Michael Johnes

Email mjohnes@ulma.com Teléfono +34 680 90 00 Cargo Técnico


Tier user

Nuevo usuario - avatar avatar--new > div.avatar--new-icon


avatar

class="bronze"

avatar

class="silver"

avatar

class="gold"








Tier in user names

Poner en el icono zmdi-star la clase bronze, silver o gold. Quitar el text-primary/text-white/text-* ...(cualquier clase de bootstrap que dé color)


Alexander Pierce

Super Administrator

Alexander Pierce

Super Administrator

Alexander Pierce

Super Administrator