These typographies are just examples. You can adapt them by using the SCSS files.
Headlines
H1 Headline
H2 Headline
H3 Headline
H4 Headline
H5 Headline
H6 Headline
Paragraph
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet..
Headline with date
The subheadline Headline with subheadline
A colored headline
A colored text
This is a paragraph text with class="text-info". Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
This is a paragraph text with class="text-muted". Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
This is a paragraph text with class="text-danger". Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
This is a paragraph text with class="text-success". Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
This is a paragraph text with class="text-warning". Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Text alignments
Left
Right
Center
Justify
Labels
DefaultPrimarySuccessInfoWarningDanger
Quote
This is a paragraph text within a <blockquote> element. This is a paragraph text within a <blockquote> element. This is a paragraph text within a <blockquote> element. This is a paragraph text within a <blockquote> element.
Preformatted Text
This is preformatted text, wrapped in a <pre> element. This is preformatted text, wrapped in a <pre> element.
- a anchor Tag (<a>) example
- a italics tag (<i>) example
- a bold tag (<b>) example
- a definition tag (<code>, <dfn>) example
- a inserted and
deletedtag (<ins>, <del>) example - ein subscript and superscript tag (<sub>, <sup>) example