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.

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".

If you want to place a coloured box around a link or div use the "jzLink" class. An example here on this link

Use the .btn 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

This is an unordered list

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

This is an 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">
    ...
  </table>
</div>

Sample Menu

About Us

An per eripuit mentitum prodesset, per ea case altera. Et legendos torquatos neglegentur cum, te vid. Sit solet commune efficiantur te. Vix cu commodo fabulas, alii enim has et, vel at epicurei invenire.