Typography

Nearly every element has styles defined for both normal display and inside a “boxed” element like the one showed here. And not only are there columns, but also column sets defined that automatically apply when inside a “boxed” element. And with double the styles the combinations are endless!

1/4 This is a 1/4 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/4 This is a 1/4 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/4 This is a 1/4 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/4 This is a 1/4 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/3 This is a 1/3 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/3 This is a 1/3 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/3 This is a 1/3 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/2 This is a 1/2 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/2 This is a 1/2 column. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

1/3You may have also noticed the dropcaps, which is easy to apply to any text! Euismod wisi veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

2/3Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.

3/4Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto.

1/4Euismod wisi veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex consequat.

This is an h2 Header

This is an h3 Header

This is an h4 Header

This is an h5 Header
This is an h6 Header

There’s also many types of lists and list item types. And each type can be assigned to either the whole list or 1 item in the list individually.

  1. Number one
  2. The second one
  3. yet another…the third
  4. Numero quatro
  • Number one
  • The second one
  • yet another…the third
  • Numero quatro
  • Number one
  • The second one
  • yet another…the third
  • Numero quatro
  • Number one
  • The second one
  • Yet another…the third
  • Numero quatro
  • A Checkmark Item
  • An X Item
  • A Star Item

You can also create tooltips.

Klix HTML is an HTML template based on the Klix WordPress theme. Lorem ipsum dolor sit amet, lorem ipsum.

This is an article quote, it makes it easy to quote article excerpts in your posts. Lorem ipsum dolor.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.

Klix HTML is an HTML template based on the Klix WordPress theme. Lorem ipsum dolor sit amet, lorem ipsum.

This is a superquote, it is for those quotes that just need to be huge and noticeable! Ased diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.

This is a normal quote, for normal quoting! Ased diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.