General Components | Clear Admin Template

# General Components

### Wells

Look, I'm in a small well!
Look, I'm in a well!
Look, I'm in a large well!

### Breadcrumbs

### Panel Primary

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

### Panel Success

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

### Panel Warning

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

### Panel Danger

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

### Panel Info

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

### Panel Default

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

### Tabbed Panel

### Progress Bars

Default
40% Complete (success)
Class: `.progress-striped`
40% Complete (success)
Class: `.sm .active`
20% Complete
Class: `.xs`
60% Complete (warning)

### Alerts

Well done! You are reading a default Alert message.

Oh! You can Redirect to me clicking the link on the Alert.
Heads up! You are looking at a Dismissable Alert.
Hey! You are looking at Dismissable Alert with animation.

### Notes

#### Alert Message Success

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. strong message .

#### Alert Message Default

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. strong message .

### Typography Heading

# h1. Bootstrap heading

## h2. Bootstrap heading

### h3. Bootstrap heading

#### h4. Bootstrap heading

##### h5. Bootstrap heading

###### h6. Bootstrap heading

### Horizontal Description

Description lists
  A description list is perfect for defining terms.
Question
  Vestibulum id ligula porta felis euismod semper eget lacinia odio.
Progress bar
  Etiam porta sem malesuada magna mollis euismod.
Answer
  Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, justo sit amet risus.
Description lists
  A description list is perfect for defining terms.
Question
  Vestibulum id ligula porta felis euismod semper.
Answer
  Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, justo sit amet risus.

### Unstyled List

- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
  - Phasellus iaculis neque
  - Purus sodales ultricies
  - Vestibulum laoreet porttitor sem
  - Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem

### Unordered List

- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
  - Phasellus iaculis neque
  - Purus sodales ultricies
  - Vestibulum laoreet porttitor sem
  - Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem

### Ordered Lists

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
4. Facilisis in pretium nisl aliquet
5. Nulla volutpat aliquam velit
   1. Phasellus iaculis neque
   2. Purus sodales ultricies
   3. Vestibulum laoreet porttitor sem
   4. Ac tristique libero volutpat at
6. Faucibus porta lacus fringilla vel
7. Aenean sit amet erat nunc
8. Eget porttitor lorem

##### Contacts

- Annette
- Jordan
- Stewart
- Alfred
- Eileen
- Robert
- Cassandra

##### Recent Updates

- New Comment
- 3 New Followers
- Message Sent
- New Task
- Server Rebooted
- Server Not Responding
- New Order Placed
- Payment Received

##### Notifications

- John Doe
  5 members joined today
  Just now
- Tony
  likes a photo of you
  5 min
- John
  Dont forgot to call...
  11 min
- Jenny Kerry
  Done with it...
  1 Hour
- Ernest Kerry
  2 members joined today
  3 Days
- View All Notifications

##### Tasks

- Button Design 40%

  40% Complete (success)

- Theme Creation 20%

  20% Complete

- XYZ Task To Do 60%

  60% Complete (warning)

- Transitions Creation 80%

  80% Complete (danger)
- View All Tasks

##### General

- Available
- Login with Email
- Auto Update

##### Sound & Notification

- Chat Sound
- Notification Sound
- Remainder
- Volume