This page is an example of content that is Uncategorized; that is, it does not belong to any Section or Category. You will see there is a new Menu in the left column. It shows links to the same content presented in 4 different page layouts.
Follow the links in the Example Pages Menu to see some of the options available to you to present all the different types of content included within the default installation of Joomla!.
This includes Components and individual Articles. These links or Menu Item Types (to give them their proper name) are all controlled from within the Menu Manager->[menuname]->Menu Items Manager.
Responsive is a clean, fast-loading, SEO-friendly, Responsive Joomla Template for multi application use. From Online Blogs, Web Design Companies and App Sites, to Hosting Companies, General Business, Online Portfolios or just about any online venture, Responsive has your style covered.
The core Joomla template features (70+) module positions; (60+) module style variations, (6) preset styles, rich typography options, CSS3 progressive enhancements (rounded corners, text shadows, etc), Bootstrapped Responsive CSS3 Design and so much more.
The Jumpstart pack even comes with some of JoomlaXTC's most popular extensions—like Deluxe NewsPro Module and our Html Pro Module. In addition we have pre packaged the Free edition of Komento from our friends at Stack Ideas with a custom style for the template.
Responsive was built with the JoomlaXTC XTC Framework which offers deep customization options and gives you total control over your site's look & feel—from Width Adjustments, Region & Column Layout, Backgrounds, Font Colors / Sizes / Typeset, Module Layout and custom preset styles.
Joomla template control has never been easier, so go ahead, get crazy with it. Customize until your heart's delight and make your site unique!
Bootstrap is a Sleek, intuitive, and powerful front-end framework for faster and easier web development. We use a new responsive, fluid grid system to create seamless, responsive layouts. By using the core Bootstrap and custom break points, our responsive design is as dynamic as possible using only CSS3 media queries.
Bootstrap also provides styles for common HTML elements like typography, code, tables, forms, and buttons. It also includes Glyphicons, a great little icon set, as well as the Font Awesome icon set for even more font based icons.
The XTC Bootstrap grid utilizes 12 columns, allowing you to create a fluid AND responsive layout. With the responsive grid in, the layout will adapt to any screensize. The columns become fluid and stack vertically, and each column will adapt to the available size it should have ensuring proper proportions all devices.
Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.
Use media queries responsibly and only as a start to your mobile audiences. For larger projects, do consider dedicated code bases and not layers of media queries.
Specifications:
Advanced Features:
Extensions:
Package Includes:
The Responsive Template comes complete with some of our most popular extensions - pre packaged with the jumpstart and full template versions. Giving you more than just a template - Responsive is a full website ready for launching in minutes!
Become an instant high definition news portal thanks to the Joomla XTC Deluxe News Pro Module. This powerful module makes your site the ultimate news network with ease by displaying your Joomla content with custom CSS and HTML in a module position. Choose your articles with category, section, and more control than ever. Customize your vision of the news by using the module’s ability to display Joomla Plugins in articles, display columns, grids, as well as scrolling content for sliders and slideshows.
This module requires CSS and HTML knowledge for custom layout designs.
This versatile module allows you to enter Text, HTML, JavaScript or CSS code for display on any module position or even the area of your site. Using any editor available in Joomla!, you can edit complex HTML designs or enter plain-text code for custom displays, additional CSS stylings, embeded flash elements or external javaScript programs. What's more, the module supports any Joomla! content plugin allowing you to customize your content even more.
Komento is a lightweight Joomla comment extension from our friends at stackideas.com. Komento is the perfect component to manage user comments in articles, blogs, and more. Discover the many thoughtful features of this great Joomla comment system giving users more than just expressing themselves.

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.
This is the Example Quote Class this can be used to create quotes in article pages by using the code below
Example LG Quote Class
'Error style
'Ideas style
Astrix style
This is com
This is mod
This is plug
This is lang
This is RSS
Responsive Template comes with 35+ module suffix styles. Each suffix style can be used in conjunction with others : Simply use an underscore '_' to bridge the suffix styles!
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:
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:
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:
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:
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:
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:
Code:
<h2>This is h2</h2>
Output:
Code:
<h3>This is h3</h3>
Output:
Code:
<h4>This is h4</h4>
Output:
Code:
<h5>This is h5</h5>
Output:
Code:
<h6>This is h6</h6>
Output:
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:
Code:
<ol><li>Ordered 1</li><li>Ordered 2</li><li>Ordered 3</li></ol>
Output:
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:
| Month | Savings |
|---|---|
| Sum | $180 |
| January | $100 |
| February | $80 |