CAPLET | Admin HTML Themes

## Quick Search

## UI Typography

### Heading Size

default style h1 , h2 , h3 , h5 , h6

# h1 Heading 1

## h2 Heading 2

### h3 Heading 3

#### h4 Heading 4

##### h5 Heading 5

###### h6 Heading 6

# h1 Heading 1

## h2 Heading 2

### h3 Heading 3

#### h4 Heading 4

##### h5 Heading 5

###### h6 Heading 6

### List Style

ul has class list-item angle , arrow , circle ,check

List stlye angle

- List item
- List item
- List item
- List item
- List item

List stlye arrow

- List item
- List item
- List item
- List item
- List item

List stlye circle

- List item
- List item
- List item
- List item
- List item

List stlye check

- List item
- List item
- List item
- List item
- List item

### pre Code

pre or code has class prettyprint lang-html , css , js , java , and Other

#### Html Code

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title></title>
      <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
      <header></header>
      <div role="main"></div>
      <footer></footer>
      <script src="js/script.js"></script>
    </body>
    </html>

#### Css Code

    body {
      margin: 0;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 13px;
      line-height: 18px;
      color: #333333;
      background-color: #ffffff;
    }

    a {
      color: #0088cc;
      text-decoration: none;
    }

    a:hover {
      color: #005580;
      text-decoration: underline;
    }

#### Java script Code

    var Account;

    Account = function(customer, cart) {
      var _this = this;
      this.customer = customer;
      this.cart = cart;
      return $('.shopping_cart').bind('click', function(event) {
        return _this.customer.purchase(_this.cart);
      });
    };

### Number List rounded

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.
2. Cras tincidunt hendrerit pharetra. Etiam erat magna, egestas sed placerat at
3. List item
4. List item
5. List item

### Number List rectangle

1. List item
2. List item
3. List item
   1. List sub item
   2. List sub item
   3. List sub item
4. List item
5. List item

### Wells text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.

### Wells Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.

### blockquote

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.

> Zicedemo Include

> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.

> Zicedemo Include

#### Inbox messages

- 1 : 52 am

  #### Edlado Holder

  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  YES. NO.
- 12 : 00 pm

  #### Laine Franchi

  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  YES. NO.
- 4 : 45 pm

  #### Cinda Collar

  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  YES. NO.

#### Notification

- when you opened the page

  #### Your request approved

  One Button (click to remove this)
  Accept.
- timeago

  #### Dashboard new design!! you want to see now ?

  Two Button (with link and click to close this) Lorem ipsum dolor sit amet, consectetur adipisicing elit,
  Go Now. Later.
- timeago

  #### Error 404 ( File not found )

  Two Button (click to action and remove)
  Accept. Fixed now.
- timeago

  #### Upgrade Premium ?

  Three button (test action)
  Now. Later. Delete.