Skip navigation

Typograpy

Predefined fonts and styles

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


Headline with subheadline

The subheadline

Headline with link

A colored headline

A colored text


Internal link

Internal link in new window

External link

Email link

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

 Default Primary Success Info Warning Danger

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

Abbreviation

CMS

A link to top

To top