Typography
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
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
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
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 |
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 | ||
<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
Latest News
Joomzilla on Facebook
If you like any of our templates we would love you to add us on Facebook. We have regular special offers advertised on Facebook and happy hours, where we have 50% off certain templates.
Blog Item
Lorem ipsum dolor sit amet, pri te ullum propriae. No prima tation cetero est, ea has euripidis quaerendum vituperatoribus. Eu vel nonumes singulis. Ad eos diceret scriptorem, vim an summo nullam ubique.
