John Smith

### Recent Activity

- New sale ($15)
  Admin Template
  3 min ago
- You edited the file
  Documentation.doc
  15 min ago
- Project deleted
  Line Icon Set
  4 hours ago

### Online Friends

- Amber Harvey
  Copywriter
- Thomas Riley
  Web Developer
- Alice Moore
  Web Designer
- Lisa Jenkins
  Photographer
- Wayne Garcia
  Graphic Designer

### Quick Settings

Online Status

Show your status to all

Auto Updates

Keep up to date

Application Alerts

Email Notifications
SMS Notifications

API

Enable access
Sales
22.030
Balance
$4.589,00
Today
$996

- New sale! + $249
  3 min ago
- New sale! + $129
  50 min ago
- New sale! + $119
  2 hours ago
- New sale! + $499
  3 hours ago

Yesterday
$765

- New sale! + $249
  26 hours ago
- Product Purchase - $50
  28 hours ago
- New sale! + $119
  29 hours ago
- Paypal Withdrawal - $300
  37 hours ago
- New sale! + $129
  39 hours ago
- New sale! + $119
  45 hours ago
- New sale! + $499
  46 hours ago

Load More..

# Typography

## Good Typography not only looks good but also reinforces the meaning of the content.

## Headings

### Bold (600 - Default)

# h1. Title Subtitle

## h2. Title Subtitle

### h3. Title Subtitle

#### h4. Title Subtitle

##### h5. Title Subtitle

### Extra Bold (700)

# h1. Title Subtitle

## h2. Title Subtitle

### h3. Title Subtitle

#### h4. Title Subtitle

##### h5. Title Subtitle

### Normal (400)

# h1. Title Subtitle

## h2. Title Subtitle

### h3. Title Subtitle

#### h4. Title Subtitle

##### h5. Title Subtitle

### Light (300)

# h1. Title Subtitle

## h2. Title Subtitle

### h3. Title Subtitle

#### h4. Title Subtitle

##### h5. Title Subtitle

### Headings

## Title Display 1

## Title Display 2

## Title Display 3

## Title Display 4

## Title Display 5

## Title Display 6

## Typography

### Badges

### Default

Default Primary Success Info Warning Danger

Home Settings Great! More Info Attention Error

### Pills

Default Primary Success Info Warning Danger

Home Settings Great! More Info Attention Error

### Text

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

### Links

Default link

Success link

Info link

Warning link

Danger link

Link with effect

Success link with effect

Info link with effect

Warning link with effect

Danger link with effect

Amethyst

City

Flat

Modern

Smooth

### Contextual Colors

This text has the success color..

This text has the info color..

This text has the warning color..

This text has the danger color..

This text has the muted color..

This text has the primary darker color..

This text has the primary dark color..

This text has the primary color ..

This text has the primary light color..

This text has the primary lighter color..

This text has the gray darker color..

This text has the gray dark color..

This text has the gray color ..

This text has the gray light color..

This text has the gray lighter color..

Lists

### Unordered List

- First item
- Second item
- Sublist
  - First subitem
  - Second subitem
  - Third subitem
- Third item

### Ordered List

1. First item
2. Second item
3. Sublist
   1. First subitem
   2. Second subitem
   3. Third subitem
4. Third item

### Icon List

- First item
- Second item
- Sublist
  - First subitem
  - Second subitem
  - Second subitem
- Third item

### Unstyled List

- First item
- Second item
- Sublist
  - First subitem
  - Second subitem
  - Third subitem
- Third item

### Contextual Backgrounds

Success

Info

Warning

Danger

Muted

Success Light

Info Light

Warning Light

Danger Light

Muted Light

Darker

Dark

Primary

Light

Lighter

### Blockquotes

> Be yourself; everyone else is already taken.

Oscar Wilde

> Don't cry because it's over, smile because it happened.

Dr. Seuss

### Addresses

## Paragraphs

### Lead

This is a lead paragraph. You can use it you highlight your main point before your article. It is great for such usage.

### Normal

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus, libero condimentum venenatis sit nisl nisi ultricies sed, fames aliquet consectetur consequat nostra molestie neque nullam scelerisque neque commodo turpis quisque etiam egestas vulputate massa, curabitur tellus massa venenatis congue dolor enim integer luctus, nisi suscipit gravida fames quis vulputate nisi viverra luctus id leo dictum lorem, inceptos nibh orci.

Potenti elit lectus augue eget iaculis vitae etiam, ullamcorper etiam bibendum ad feugiat magna accumsan dolor, nibh molestie cras hac ac ad massa, fusce ante convallis ante urna molestie vulputate bibendum tempus ante justo arcu erat accumsan adipiscing risus, libero condimentum venenatis sit nisl nisi ultricies sed, fames aliquet consectetur consequat nostra molestie neque nullam scelerisque neque commodo turpis quisque etiam egestas vulputate massa, curabitur tellus massa venenatis congue dolor enim integer luctus, nisi suscipit gravida fames quis vulputate nisi viverra luctus id leo dictum lorem, inceptos nibh orci.