This is a H1 paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H2 paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H3 Paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H4 Paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H5 Paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

This is a H6 Paragraph

Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Joe Bloggs
If you wish to get a handwritten style font use the class="sign" within a span, div or other container:

This is header text with the "color" class

This is a header text with the "color2"class

If you wish to colour any text or header font use the class="color" or "color2" within a span, div, h or other container

Images: The image to the right use the class jzRight: <image class="jzRight">. You also use the class "jzLeft" to float an image to the left and use the same padding and border. You can also use the class "jzBand" to place a coloured left band at the side of any image. To make any image into a circular image use the class "img-circle". See the image on the homepage for an example

Use the .btn class on an any <a>, <button>, or <input> elements.
Link

Use the .jzbtn class on an any <a>, <button>, or <input> elements.
Link

This is a sample blockquote, with small tags below
Statement titled "Principles" (c. 1950), quoted in Genius : The Life and Science of Richard Feynman (1992) by James Gleick

Unordered list

HTML5
CSS3
JavaScript
PHP
DataBases
- MySQL
- POstgreSQL
- MS SQL Server
Tools and APIs
JOSN
C Language

Ordered list

HTML5
CSS3
JavaScript
PHP
DataBases
- MySQL
- PostgreSQL
- MS SQL Server
Tools and APIs
JOSN
C Language

This is a div with the class "frame". You can use the .frame class fo between p tags, div tags or other tags to get a frame effect with a left coloured border.

Use the .table-striped class to add zebra-striping to any table row within the 'table' tags.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Add .table-hover to enable a hover state on table rows within a <tbody>.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

<table class="table table-hover">
  ...
</table>

Responsive tables

Create responsive tables by wrapping any .table in .table-responsive to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.

#	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading
1	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
2	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
3	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell

#	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading
1	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
2	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
3	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell

<div class="table-responsive"> <table class="table"

Module Class Suffix's

For any of the "user","top","left","right" or "Base" module positions you can use the module class suffix "color" to add a background colour or you can use the module class suffix "gray" for a light gray colour background

Adaptable & Multipurpose

Nominati platonem constituto eos eu, vel apeirian gubergren ut, tantas corpora an per. Qui id dolore feugiat sensibus. Quod ipsum salutatus vel ut, graeci indoctum ut eam.

Excellent Support

Nominati platonem constituto eos eu, vel apeirian gubergren ut, tantas corpora an per. Qui id dolore feugiat sensibus. Quod ipsum salutatus vel ut, graeci indoctum ut eam.