Typography

Headings

All HTML headings, <h1> through <h6> are available.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Solid Buttons

Small Button Button Large Button

Button With Icon

Sup title Small Button
Sup title Button
Sup title Large Button
 Icon right

Button With Border

Small Button Button Large Button

Buttons Colors

Primary Button Secondary Button Green Button Green Light Button Black Button Orange Button Red Button Grey Button Orange-Light Button Yellow Button Lime Button

Buttons Full Width

Primary Button Secondary Button Green Button Green Light Button Black Button Orange Button Red Button Grey Button Orange-Light Button Yellow Button Lime Button

Buttons Shadow

Primary Button Secondary Button Green Button Green Light Button Black Button Orange Button Red Button Grey Button Orange-Light Button Yellow Button Lime Button

Dropcap Examples

Qit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat est etiam processus dynamicus,nunc nobis videntur parum clari, fiant sollemnes. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Qit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat est etiam processus dynamicus,nunc nobis videntur parum clari, fiant sollemnes. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Qit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat est etiam processus dynamicus,nunc nobis videntur parum clari, fiant sollemnes. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Qit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat est etiam processus dynamicus,nunc nobis videntur parum clari, fiant sollemnes. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Uikit Group Button Examples

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Uikit Button Examples

Pagination Examples

Alert Examples

Heads up! This alert needs your attention, but it’s not super important.
Well done! You successfully read this important alert message.
Warning! Better check yourself, you’re not looking too good.
Oh snap! Change a few things up and try submitting again.

Form Examples

Form states

Form styles

Table Example

Table caption
Table Heading
Table Data
Table Data

Listing Examples

  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3

Description list

Description lists
Description text.
Description lists
Description text.