InfoFacts: Fold Over
A hot pocket of information goodness
Its a statistic wrapped in a blanket of good information. The fold over uses a couple of layers to create its style but all are based on the paragraph element (P). The first one is the nugget of information, the second is a header for the fold over, and the rest of your paragraph elements will be in the hot pocket of text below the fold over.
OmniUpdate users just type the text normally using the paragraph type. Change the type on the first paragraph to section using the editor.
Code Example:
<p> Data</p> - auto centered
<p>Why this is important</p> - will be the fold over text
<p>Second line and so on....</p> - goes inside the information zone
<p>Second line and so on....</p>
CSS Style
infofacts_foldover_univBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs
CSS Style
infofacts_foldover_medBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs
CSS Style
infofacts_foldover_lightBlue
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs
CSS STYLE
infofacts_foldover_gray
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs
CSS STYLE
infofacts_foldover_orange
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs
CSS STYLE
infofacts_foldover_beige
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs
CSS STYLE
infofacts_foldover_black
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs
CSS STYLE
infofacts_foldover_white
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs
CSS Style
infofacts_foldover_gradient
100%
what we try to give each day
what you'd like to achieve when completing any task you take on
be it big or small we try to accomodate our users needs