Predictable Performance Systems

Tools for Talent Management

Home / Kitchen Sink

 

 

h1. This is a very large header.

h2. This is a large header.

h3. This is a medium header.

h4. This is a moderate header.

h5. This is a small header. h1.
h6. This is a tiny header. h1.

 

h1.subheader

h2.subheader

h3.subheader

h4.subheader

h5.subheader
h6.subheader

 

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

  1. List Item 1
  2. List Item 2
  3. List Item 3

 

I do not fear computers. I fear the lack of them. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur.Isaac Asimov

Alert Boxes

This is a standard alert (div.alert-box).
×
This is a success alert (div.alert-box.success).
×
This is an alert (div.alert-box.alert.round).
×
This is a secondary alert (div.alert-box.secondary).
×

 


Buttons


Button Groups


Dropdown Buttons

Dropdown Button

Dropdown Button

Dropdown Button

Dropdown Button

Dropdown Button


Split Buttons

Split Button

Split Button

Split Button

Split Button

 

 


Forms

Fieldset



.com


Custom Forms









Dropdowns

Link Dropdown »
Content Dropdown »

Title

Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!

More test.

Button


Flex Video


Labels

Regular Label

Radius Secondary Label

Round Alert Label

Success Label

 


Panels

This is a regular panel.

It has an easy to override visual style, and is appropriately subdued.

This is a callout panel.

It’s a little ostentatious, but useful for important content.


Pricing Tables

  • Standard
  • $99.99
  • An awesome description
  • 1 Database
  • 5GB Storage
  • 20 Users
  • Buy Now

 


Tables

Table HeaderTable HeaderTable HeaderTable Header
Content Goes HereThis is longer content Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
Content Goes HereThis is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here
Content Goes HereThis is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.Content Goes HereContent Goes Here

 


Tooltips

The tooltips can be positioned on the “tip-bottom”, which is the default position, “tip-top” (hehe), “tip-left”, or “tip-right” of the target element by adding the appropriate class to them. You can even add your own custom class to style each tip differently. On a small device, the tooltips are full width and bottom aligned.