Typography PDF Print E-mail

This is an example of the several different styles that the Praise University template uses.

This is an example blockquote

To use this style use the following code:

<blockquote>...</blockquote>

Nulla facilisi. Nulla facilisi. Nulla facilisi. Maecenas consectetuer dui malesuada massa. Nullam vulputate. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum molestie. Suspendisse vel neque eu felis mattis faucibus. Ut et metus. Integer vitae quam in nibh sollicitudin dictum. Donec odio erat, rhoncus non, varius non, auctor et, sem.

This is an example H1/Component Heading

Duis commodo. Sed vulputate velit non erat. Nam ac nisi in eros molestie mollis. Etiam odio ligula, rhoncus ut, fringilla id, blandit quis, tortor. Fusce nulla. Integer mauris felis, mollis eu, nonummy vel, lobortis ac, nisi.

This is an example H2/Content Heading

Phasellus tortor nibh, vehicula ut, facilisis vel, laoreet id, lectus. Curabitur tristique. Nulla nonummy aliquam elit. Nullam ut libero ut urna laoreet venenatis. Morbi porttitor gravida lacus. Nullam odio. Mauris tellus odio, volutpat et, viverra eu, ullamcorper vitae, erat.

Notice Styles are shown below
This is a sample of the 'alert' style. Use this style to denote very important information to your users. To use this use the folllowing html: <span class="alert">....</span> This is a sample of the 'info' style. Use this style to denote pieces of information or tips for your readers and visitors. To use this use the folllowing html: <span class="info">....</span> This is a sample of the 'note' style. Use this style to denote items in your content that you would like your users to note or pay attention to. To use this use the folllowing html: <span class="note">....</span> This is a sample of the 'download' style. Use this style to denote information containing a download or information about an available download on your site. To use this use the folllowing html: <span class="download">....</span>

This is an example H3

Cras dignissim, dolor quis ultrices scelerisque, lacus lectus euismod orci, a egestas tortor leo vitae leo. Curabitur ante. Sed velit.

This is an example H4


This is an example <pre> ... </pre> tag or <div class="source"> ... </div>
* {
margin:0px;
padding:0px;
}
html {
height:100%;
margin-bottom:1px;
}
body {
font-size:85%;
font-family:Arial,Helvetica,sans-serif;
line-height:1.5em;
margin:0;
}

List Styles
This is an unordered list
  • Cras dignissim
  • Dolor quis ultrices scelerisque
  • Lacus lectus euismod orci
  • A egestas tortor leo vitae leo
  • Curabitur ante. Sed velit.
This is an ordered list
  1. Cras dignissim
  2. Dolor quis ultrices scelerisque
  3. Lacus lectus euismod orci
  4. A egestas tortor leo vitae leo
  5. Curabitur ante. Sed velit.
Special List Styles
  • To use this style create a list in the following format: <ul class="male"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="female"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet1"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet2"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet3"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet4"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet5"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet6"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="bullet7"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="accept"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="clock"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="color"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="cup"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="date"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="drink"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="smile"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="exclamation"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="heart"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="music"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="rainbow"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="golf"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="tennis"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="star"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="tick"><li>....</li><li>....</li>...</ul>.

Fieldset Styles

This is the default fieldset style Use <filedset> ... </fieldset> to achieve the styles show here. Ut et metus. Integer vitae quam in nibh sollicitudin dictum. Donec odio erat, rhoncus non, varius non, auctor et, sem