Typography Styles & Unit Tests

The typography included with the Breeze theme is carefully sculpted for the best possible search engine optimization (SEO) and also includes support for numerous bonus styles. Using the included shortcode functions, you can easily add character to your content without ever having to look at the code. See below for the complete list and usage.

Tab Panels

These handy tab panels are great for displaying your content with limited amount of page space.
Just click the shortcode button within the editor to insert.

  • Tab 1 content
  • Tab 2 content
  • Tab 3 content

This is an H1 Headline

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

This is an H2 Heading

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

This is an H3 Subheading

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

This is an H4 Subheading

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

This is an H5 Subheading

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Toggle Panels

Toggle Panel

Toggle Panel Two

Toggle Panel Three


This is a blockquote. The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

The blockquote dialog above is shown by entering:

<blockquote><p>Your blockquote text here</p></blockquote>

List Style Examples:

Unordered List Example:

  • List Item One
    • Sublevel List Item A
    • Sublevel List Item B
    • Sublevel List Item C
  • List Item Two
  • List Item Three
  • List Item Four

Ordered List Example:

  1. List Item One
    1. Sublevel List Item A
    2. Sublevel List Item B
    3. Sublevel List Item C
  2. List Item Two
  3. List Item Three
  4. List Item Four

Check List Example:(<ul class= “check”>)

  • Checklist Item 1
  • Checklist Item 2
  • Checklist Item 3

Caption List Example:(<ul class= “captionlist”>)

  • Caption list Item 1
    • this is a sub-level list item in an unordered list with a class of ul.captionlist.
  • Caption list Item 2
    • this is a sub-level list item in an unordered list with a class of ul.captionlist.
  • Caption list Item 3
    • this is a sub-level list item in an unordered list with a class of ul.captionlist.

 

Icon Classes

The icons used below were generously created and donated to SimpleThemes by wefunction.com

Example Usage of “note” shortcodes

This is an alert style that can easily be displayed within your content by inserting the code demonstrated above. This may help to serve your users with system error messages.- link color test

note class=”alert

This is a informational style that can easily be displayed within your content by inserting the code demonstrated above. This may help to accent additional information within an article.- link color test

note class=”info

This is a warning style that can easily be displayed within your content by inserting the code demonstrated above. This may help to serve warnings before proceeding with specified steps. – link color test

note class=”warn

This is an acceptance style that can easily be displayed within your content by inserting the code demonstrated above. You may wish to display this style when outlining success messages.- link color test

note class=”accept

This is an idea style that can easily be displayed within your content by inserting the code demonstrated above. You might use this style in instructional articles. – link color test

note class=”idea