Headings
Heading 2 Style
Heading 3 Style
Heading 4 Style
Heading 5 Style
Heading 6 Style
Heading 2 Style more text to show wrapping Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Heading 3 Style more text to show wrapping Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Heading 4 Style more text to show wrapping Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading 5 Style more text to show wrapping Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Heading 6 Style more text to show wrapping Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Regular Text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. An external link with automatically appearing icon cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lead Text
Lead text with .text-lead class, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Small Text
Text wrapped with a text-sm class applied, dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia id est laborum.
Inline text Styles
Text: grey, normal case
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Text: uppercase
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text: lowercase
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Text: capital case
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Text: grey
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lists
Unordered list: default
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
Unordered list: inline
- more list items
- more list items
- more list items
Unordered list: bordered
- list item
- list item
- list item
- list item
- list item
- list item
Unordered list: checked
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
Ordered list: default
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
Ordered list: inline
- more list items
- more list items
- more list items
Ordered list: bordered
- list item
- list item
- list item
- list item
- list item
- list item
Ordered list: checked
- list item
- list item
- list item
- list item
- list item
- list item
- list item
- list item
Emphasis , Italic, Bold and Strong elements
Lorem ipsum em element dolor sit amet, consectetur adipisicing elit, sed do i element eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut b element aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. strong element Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Horizontal Rule
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
This [above ^ ] is an horizontal rule
Code, Pre, Kbd and Samp elements
This is text in a code element .
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id text in kbd element.
Duis aute irure dolor in text in samp element velit esse cillum dolore eu fugiat nulla pariatur.
Type Weights
Catamaran book [400, xs]
Catamaran book [400, sm]
Catamaran book [400, base]
Catamaran book [400, lg]
Catamaran book [400, xl]
Catamaran book [400, 2xl]
Catamaran bold [700, xs]
Catamaran bold [700, sm]
Catamaran bold [700, base]
Catamaran bold [700, lg]
Catamaran bold [700, xl]
Catamaran bold [700, 2xl]
Type Utilities
Text Hug (remove top margin)
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
A p tag with .text-hug class - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Buttons
Default button
Unit button [a element]
Dark button
Unit button [a element]
Light button
Unit button [a element]
Transparent button
Unit button [a element]
Simple button
Unit button [a element]
Button sizes
Button block
Button with external link
An external link button with the external icon [external link icon]
Tables
Table: default
| Table heading | Table heading | Table heading | Table heading | Table heading | Table heading |
|---|---|---|---|---|---|
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
Table: condensed
| Table heading | Table heading | Table heading | Table heading | Table heading | Table heading |
|---|---|---|---|---|---|
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
Table: plain
| Table heading | Table heading | Table heading | Table heading | Table heading | Table heading |
|---|---|---|---|---|---|
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
Table: striped
| Table heading | Table heading | Table heading | Table heading | Table heading | Table heading |
|---|---|---|---|---|---|
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
Table: hover
| Table heading | Table heading | Table heading | Table heading | Table heading | Table heading |
|---|---|---|---|---|---|
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
| Table cell | Table cell | Table cell | Table cell | Table cell | Table cell |
Colours