@@include("./partials/title-meta.html", {"title": "Images & Avatars"}) @@include('./partials/head-css.html')

@@include('./partials/topbar.html') @@include('./partials/sidenav.html')

@@include("./partials/page-title.html", {"subtitle":"UI", "title":"Images"})

Shapes

Avatars with different sizes and shapes.

.img-fluid

.rounded

.rounded-circle

.img-thumbnail

.rounded-circle .img-thumbnail

Avatar Sizes

.avatar-xs

xs

.avatar-xs

xs

.avatar-xs

.avatar-sm

sm

.avatar-sm

sm

.avatar-sm

.avatar-md

md

.avatar-md

md

.avatar-md

.avatar-lg

LG

.avatar-lg

LG

.avatar-lg

.avatar-xl

XL

.avatar-xl

XL

.avatar-xl

Avatar Sizes with Rounded

.avatar-xs

xs

.avatar-xs

xs

.avatar-xs

.avatar-sm

sm

.avatar-sm

sm

.avatar-sm

.avatar-md

md

.avatar-md

md

.avatar-md

.avatar-lg

LG

.avatar-lg

LG

.avatar-lg

.avatar-xl

XL

.avatar-xl

XL

.avatar-xl

Avatar Groups

D

K

H

L

G

D

K

H

L

G

D

9+

@@include('./partials/footer.html')

@@include('./partials/customizer.html') @@include('./partials/footer-scripts.html')