Gimesto

Avatar

An avatar is a thumbnail representation of an entity, such as a user or an organisation.

Profile Avatar

Profile avatar can be created using “avatar” class in image tag.

                    
                        <-- Using the 'avatar' class name -->
                        
                        
                        <img class="avatar" src="./assets/avatars/avatar1.jpg" alt="avatar" />

Avatar Sizes

Profile avatar can be created using “avatar” class in image tag. For creating avatas for different sizes we can use classes like 'xs','sm','md','lg','xl'

                    
                        <-- Using the xs | sm | md | lg | xl class names for different sizes -->
                      

                        <img class="avatar avatar-xs" src="./assets/avatars/avatar1.jpg" alt="avatar" />
                        
                        <img class="avatar avatar-sm" src="./assets/avatars/avatar2.jpg" alt="avatar" />
                        
                        <img class="avatar avatar-md" src="./assets/avatars/avatar3.jpg" alt="avatar" />
                        
                        <img class="avatar avatar-lg" src="./assets/avatars/avatar4.jpg" alt="avatar" />
                        
                        <img class="avatar avatar-xl" src="./assets/avatars/avatar5.jpg" alt="avatar" />