Typography

This is an H1 Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nunc lorem, eleifend vel, rhoncus sed, congue quis, leo. Aliquam dignissim dui quis purus. Phasellus vehicula, ante eu mollis pharetra, enim felis iaculis lacus, congue ullamcorper lorem eros at libero.

This is an H2 Heading

This is an H3 Heading

This is an H4 Heading

This is an H5 Heading

Dropcap Style

ropcap Styling for article intros and much more. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nunc lorem, eleifend vel, rhoncus sed, congue quis, leo. Aliquam dignissim dui quis purus. Phasellus vehicula, ante eu mollis pharetra, enim felis iaculis lacus, congue ullamcorper lorem eros at libero.

Example Quote Class

Clean and Lean, the second template from JoomlaXTC delivers a fresh new CSS based design perfect for Online Magazine's, Blogs, Social Portals, Fashion, Entertainment, and so much more. Inspired from the simplistic style of high profile marketing and the colorful, yet clean world of CSS, Genre creates another branded style of JoomlaXTC!

Example LG Quote Class

Inspired from the simplistic style of high profile marketing and the colorful, yet clean world of CSS, Genre creates another branded style of JoomlaXTC!

Code Class

This is the code div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.

Highlight Class

This is the highlight div class. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.

Blog Bubble Div Styles

Pink Bubble Style

Blue Bubble Style

Red Bubble Style

Green Bubble Style

Orange Bubble Style

Yellow Bubble Style

Grey Bubble Style

This the note style. Curabitur bibendum metus porta dui sagittis sagittis. Suspendisse placerat orci eget massa. Donec vitae nisi. Sed tincidunt adipiscing mauris. In lorem. Maecenas dapibus commodo sapien. Nam nulla.

UL List Styles

This is checklist

This is articlelist

This is starlist

This is arrowlist

This is xlist

This is astlist

This is movielist

This is bloglist

This is photolist

This is datelist

Joomla Notice P Class Styles

This is a sample of the 'error' style.

This is a sample of the 'ideas' style.

This is a sample of the 'message' style.

This is a sample of the 'astrix' style.

This is com

This is mod

This is plug

This is lang

Custom P Class Styles

This is RSS

This is a sample of the 'download' style.

This is a sample of the 'x' style.

This is xblack

This is heart

This is photolink

This is photored

This is photoblue

This is photogreen

This is photoorange

This is photopink

This is photogrey

This is photoblack

This is starred

This is starblue

This is stargreen

This is starorange

This is stargrey

Code:
<a href="www.joomlaxtc.com">joomlaxtc.com</a>

Output:
joomlaxtc.com

Code:
<abbr title="title of abbreviation">an abbreviation</abbr>

Output:
an abbreviation

Code:
<acronym title="as soon as possible">asap</acronym>

Output:
asap

Code:
<address>Address: Box 666, Hell Drive<br />Phone: +12 34 56 78</address>

Output:

Address: Box 666, Hell Drive
Phone: +12 34 56 78

Code:
<b>This is bold</b>

Output:
This is bold

Code:
<big>Big Text </big>

Output:
Big Text

Code:
<blockquote>Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.</blockquote>

Output:

Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.

Code:
<br />

Output:

Code:
<button type="button">Click Me!</button>

Output:

Code:
<center>Centered Text</center>

Output:
Centered Text

Code:
<em>Emphasized text</em>

Output:
Emphasized text

Code:
<strong>Strong text</strong>

Output:
Strong text

Code:
<dfn>Definition term</dfn>

Output:
Definition term

Code:
<code>Computer code text</code>

Output:
Computer code text

Code:
<samp>Sample computer code text</samp>

Output:
Sample computer code text

Code:
<kbd>Keyboard text</kbd>

Output:
Keyboard text

Code:
<var>Variable</var>

Output:
Variable

Code:
<tt>teletype text</tt>

Output:
teletype text

Code:
<cite>Citation</cite>

Output:
Citation

Code:
<dl><dt>Coffee</dt><dd>- black hot drink</dd><dt>Milk</dt><dd>- white cold drink</dd></dl>

Output:

Coffee: - black hot drink
Milk: - white cold drink

Code:
My favorite color is <del>blue</del> <ins>red</ins>

Output:
My favorite color is ~~blue~~ red

Code:
<fieldset><legend>A Legend:</legend>Luke Skywalker</fieldset>

Output:

A Legend:Luke Skywalker

Code:
<form>Input:<input type="text" /><br/><label for="tarea">Textarea</label><input type="textarea" name="tarea" /><br/><select> <optgroup label="Swedish Cars"><option value="volvo">Volvo</option><option value="saab">Saab</option></optgroup><optgroup label="German Cars"><option value="mercedes">Mercedes</option><option value="audi">Audi</option></optgroup></select><br/><input type="button" value="Button"><br/><input type="checkbox" name="vehicle" value="Bike" />I have a bike<br /><input type="checkbox" name="vehicle" value="Car" />I have a car<br/><input type="radio" name="sex" value="male" />Male<br /><input type="radio" name="sex" value="female" />Female<br/><input type="submit" /></form>

Output:

Code:
<h1>This is h1</h1>

Output:

This is h1

Code:
<h2>This is h2</h2>

Output:

This is h2

Code:
<h3>This is h3</h3>

Output:

This is h3

Code:
<h4>This is h4</h4>

Output:

This is h4

Code:
<h5>This is h5</h5>

Output:

This is h5

Code:
<h6>This is h6</h6>

Output:

This is h6

Code:
<hr />

Output:

Code:
<i>italic</i>

Output:
italic

Code:
<img src="http://www.joomlaxtc.com/templates/jxtc_fotografik/images/logobeta.png"/>

Output:

Code:
<ul><li>Unordered 1</li><li>Unordered 2</li><li>Unordered 3</li></ul>

Output:

Unordered 1
Unordered 2
Unordered 3

Code:
<ol><li>Ordered 1</li><li>Ordered 2</li><li>Ordered 3</li></ol>

Output:

Ordered 1
Ordered 2
Ordered 3

Code:
<p>This is a paragraph</p>

Output:

This is a paragraph

Code:
<pre>preformatted text</pre>

Output:

preformatted text

Code:
<q>Here is a short quotation here is a short quotation</q>

Output:
Here is a short quotation here is a short quotation

Code:
<s>Defines strikethrough text</s>

Output:
~~Defines strikethrough text~~

Code:
<small>small text</small>

Output:
small text

Code:
<span>a section in a document</span>

Output:
a section in a document

Code:
<strike>strikethrough text</strike>

Output:
~~strikethrough text~~

Code:
<sub>subscripted text</sub>

Output:
_{subscripted text}

Code:
<sup>superscripted</sup>

Output:
^{superscripted}

Code:
<u>Defines underlined text</u>

Output:
Defines underlined text

Code:
<xmp>preformatted text</xmp>

Output:
preformatted text

Code:
<table border="1"><caption>table caption</caption><thead><tr><th>Month</th><th>Savings</th></tr></thead><tfoot><tr><td>Sum</td><td>$180</td></tr></tfoot><tbody><tr><td>January</td><td>$100</td></tr><tr><td>February</td><td>$80</td></tr></tbody></table>

Output:

table caption
Month	Savings
Sum	$180
January	$100
February	$80