Typography styles

You don't have to be a world class designer to have good-looking web pages anymore. Oleg has all the CSS included to make your text "pop" off the page, giving it a clean look and feel all throughout your site.

The styles below indicate the typography for the styles embedded in this template. Each of the below classes are preset in the CSS stylesheet for your convenience. Note that all these styles are in ems which allows for total accessibility when resizing.

This is an H1 Headline

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

This is an H2 Heading 

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

This is an H3 Subheading

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Below is a (bonus) unordered list class .checklist:

  • List Item
  • List Item
  • List Item
  • List Item

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

The dialog above is shown by entering:
<p class="alert">YOUR TEXT</p>

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

The dialog above is shown by entering:
<p class="info">YOUR TEXT</p>

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

The dialog above is shown by entering:
<p class="warn">YOUR TEXT</p>


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>
    <div>Your blockquote text here</div>
</blockquote>

 

c^2=a^2+b^2

The formula above is shown by entering {tex}c^2=a^2+b^2{/tex}

 

More complex example:

R = A - \sum_{i=1}^N a_i \cdot \psi_i . [1]
 

See JoomLaTeX documentation for details.