Material Admin

Jonathan Morris
Available
David Belle
Last seen 3 hours ago
Fredric Mitchell Jr.
Availble
Glenn Jecobs
Availble
Bill Phillips
Last seen 3 days ago
Wendy Mitchell
Last seen 2 minutes ago
Teena Bell Ann
Busy
Jonathan Morris
Available
Fredric Mitchell Jr.
Availble
Glenn Jecobs
Availble
Teena Bell Ann
Busy

## Other Components

## Breadcrumbs Indicate the current page's location within a navigational hierarchy.

Separators are automatically added in CSS through `:before` and `content`.

Breadcrumb Demo

## Pagination Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.

Default pagination

Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

- 1
- 2
- 3
- 4
- 5

Disabled and active states

Links are customizable for different circumstances. Use `.disabled` for unclickable links and `.active` to indicate the current page.

- 1 (current)
- 2
- 3
- 4
- 5

## Jumbotron A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.

# Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

To make the jumbotron full width, and without rounded corners, place it outside all `.container`s and instead add a `.container` within.

## Media object Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.

Bootstrap 3.3's Media objects codes are overrided due to some issues like text-overflow thus media alignment feature will not work in this template.

#### Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

#### Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

#### Nested media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

#### Media heading

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

#### Media heading

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

## List Groups List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.

Basic example

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros

With Badges

- 14 Cras justo odio
- 2 Dapibus ac facilisis in
- 1 Morbi leo risus
- 25 Porta ac consectetur ac
- 119 Vestibulum at eros

Linked Items

119 Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

Disabled items

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros