@@include("./partials/title-meta.html", {"title": "Avatars"}) @@include('./partials/head-css.html') @@include('./partials/body.html') @@include('./partials/topbar.html') @@include('./partials/sidebar.html')
@@include('./partials/page-title.html', {"pagetitle": "Components", "title": "Avatars"})

###### Avatar group stacked bottom to top

###### Circular avatars

###### Rounded avatars

###### Avatars with notification

###### Circular avatars with placeholder icon

TW
TW
TW
TW

###### Media Object

Basic
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis

Aligned to center
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis

Aligned to bottom
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis

Stretched to fit
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis

Media on right
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis

###### Nested

Basic
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis

Item 1
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis

Item 2
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis
@@include('./partials/footer.html')
@@include('./partials/rtl-ltr.html') @@include('./partials/vendor-scripts.html')