It is possible with templates which have a typography page to show you how you can use e.g. headline tags in order to structure your content in a better way. Below, we present rebuilt and refreshed typographical aspects of Zo2 Framework. In order to use it, you have to use a plug in which is delivered in a package with a template or use HTML code.

Heading Styles

This is Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

This is Heading 2

This is Heading 3

This is Heading 4

This is Heading 5

This is Heading 6

Code

#wrapper {
  position: relative;
  float: left;
  display: block;
}

Use

Here goes your code

#wrapper {
position: relative;
float: left;
display: block;
}

Use

Here goes your code

File

#wrapper {
position: relative;
float: left;
}

Use

Name of your file

Here goes your code

Highlights

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a highlight phrase

Use Your highlight phrase goes here!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a highlight phrase

Use Your highlight phrase goes here!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a highlight phrase

Use Your highlight phrase goes here!

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a highlight phrase

Use Your highlight phrase goes here!

Unordered lists

ul with class zt-icon-angle-down

ul with class zt-icon-angle-left

ul with class zt-icon-angle-right

ul with class zt-icon-angle-up

ul with class zt-icon-arrow-down

ul with class zt-icon-arrow-left

ul with class zt-icon-arrow-right

ul with class zt-icon-arrow-up

ul with class zt-icon-caret-down

ul with class zt-icon-caret-left

ul with class zt-icon-caret-right

ul with class zt-icon-caret-up

ul with class zt-icon-chevron-down

ul with class zt-icon-chevron-left

ul with class zt-icon-chevron-right

ul with class zt-icon-chevron-up

ul with class zt-icon-chevron-sign-down

ul with class zt-icon-chevron-sign-left

ul with class zt-icon-chevron-sign-right

ul with class zt-icon-circle-arrow-down

ul with class zt-icon-circle-arrow-left

ul with class zt-icon-circle-arrow-right

ul with class zt-icon-circle-arrow-up

ul with class zt-icon-double-angle-down

ul with class zt-icon-double-angle-left

ul with class zt-icon-double-angle-right

ul with class zt-icon-double-angle-up

ul with class zt-icon-hand-down

ul with class zt-icon-hand-left

ul with class zt-icon-hand-right

ul with class zt-icon-hand-up

ul with class zt-icon-long-arrow-down

ul with class zt-icon-long-arrow-left

ul with class zt-icon-long-arrow-right

ul with class zt-icon-long-arrow-up