Jump directly to main navigation Jump directly to content Jump to sub navigation

Typograpy

These typographies are just examples. You can adapt them by using the SCSS files.


Headline with subheadline

The 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.
  • anchor Tag (<a>) example
  • italics tag (<i>) example
  • bold tag (<b>) example
  • definition tag (<code>, <dfn>) example
  • inserted and deleted tag (<ins>, <del>) example
  • ein subscript and superscript tag (<sub>, <sup>) example

A link to top

To top