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.

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


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