Avatars | Adminto - Responsive Admin Dashboard Template

#### Avatars

#### Sizing - Images

Create and group avatars of different sizes and shapes with the css classes. Using Bootstrap's naming convention, you can control size of avatar including standard avatar, or scale it up to different sizes.

`.avatar-xs`

`.avatar-sm`

`.avatar-md`

`.avatar-lg`

`.avatar-xl`

#### Rounded Circle

Using an additional class `.rounded-circle` in `<img>` element creates the rounded avatar.

`.avatar-md .rounded-circle`

`.avatar-lg .rounded-circle`

`.avatar-xl .rounded-circle`

#### Sizing - Background Color

Using utilities classes of background e.g. `bg-*` allows you to have any background color as well.

xs

Using `.avatar-xs`

sm

Using `.avatar-sm`

MD

Using `.avatar-md`

LG

Using `.avatar-lg`

XL

Using `.avatar-xl`

#### Rounded Circle Background

Using an additional class `.rounded-circle` in `<img>` element creates the rounded avatar.

MD

Using `.avatar-md .rounded-circle`

LG

Using `.avatar-lg .rounded-circle`

XL

Using `.avatar-xl .rounded-circle`

#### Images Shapes

Avatars with different sizes and shapes.

`.rounded`

`.rounded`

`.rounded-circle`

`.img-thumbnail`

`.rounded-circle .img-thumbnail`

#### Theme Customizer

Customize the overall color scheme, Layout, etc.

###### Color Scheme

Light Mode
Dark Mode

###### Width

Fluid
Boxed

###### Menus (Leftsidebar and Topbar) Positon

Fixed
Scrollable

###### Topbar

Dark
Light
Purchase Now