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 coloured header text

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

 

responsive joomla templatesImages: 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

 

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

  1. HTML5
  2. CSS3
  3. JavaScript
  4. PHP
  5. DataBases
    • MySQL
    • PostgreSQL
    • MS SQL Server
  6. Tools and APIs
  7. JOSN
  8. 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 NameLast NameUsername
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 NameLast NameUsername
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 headingTable headingTable headingTable headingTable headingTable 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 headingTable headingTable headingTable headingTable headingTable 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 "top" 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 "white" for a white background or "black" for a black background. There is no background colour as default.

 

 

 

Testimonials

"Ad eos diceret scriptorem, vim an summo nullam ubique. Eu vel nonumes singulis. Recteque petentium qualisque mei cu. Ad eos diceret scriptorem"

Joe Bloggs - Regular Customer

Contact Us

No mea appareat placerat, eu verear timeam imperdiet mel, tation ei eos.

Phone (+1) 056 22289203 12
email demo@joomzilla.com
web www.joomzilla.com

© 2017 GymZilla 2
Joomla Templates by joomzilla.com
Back to Top