You can see the most used typography used in this template. Typography is nothing but the way the html tags are displayed in browsers. Additionally, we have provided tags that can make your users experience great and healthy reading.

Typography makes a website standard regardless of its content. Whether you are running a site just for fun or business, typography gives a standard look and feel on the site and the users will return to your site often.

Ok, Here is the list we provide that we use in the template,

This is how h1 tag looks like

This is just another paragraph that makes a gap between one tag and another tag. Joomla templates club nowadays opened everywhere. But, when it comes to standards like CSS validation, XHTML validation and Accessibility, ThemesClub.com stands well on the top. You can check google for themesclub.com and find out why there are lots of corporate people using our templates.

This is how h2 tag looks like

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus eros tellus, varius at, rutrum feugiat, sagittis ut, sem. Morbi fermentum pretium nisi. Nunc ut justo. Vestibulum condimentum condimentum lacus. Sed quis pede. Vivamus vulputate. Nam quis nibh nec sem faucibus dignissim. Integer ultrices neque non pede. Mauris sollicitudin lacinia dui. Nunc porta. Suspendisse sapien ligula, sodales sed, porta vel, accumsan id, nisl.

This is how h3 tag looks like

Quisque pharetra, arcu at congue volutpat, felis enim blandit sem, porta rutrum nisl velit quis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In pharetra mattis turpis. Aenean sit amet eros laoreet ante tincidunt accumsan.

This is how h4 tag looks like

Nullam fringilla aliquet arcu. Nulla dui orci, fermentum ac, consectetuer a, congue rutrum, elit. In fringilla, tortor id venenatis ultrices, ante libero sollicitudin velit, vel accumsan diam nulla ut neque. Vestibulum placerat, felis eget accumsan sodales, diam arcu tempor ante

This is how h5 tag looks like

ut facilisis nisl est faucibus purus. Pellentesque nec elit. Vestibulum et tellus. Donec vitae turpis eu neque pretium porta. Praesent luctus.

1. This is ordered list
2. The list is numbered automatically
3. The tags used are <ol> <li>...</li></ol>
4. The left side margin and alignment are optimized for this template.
5. Lorem Ipsum dolor

• This is unordered list
• You can see just a default bullet made for this template
• Lorem Ipsum dolor

Unordered list with a css class "checkList"

• This is unordered list , but with a checklist image
• very impressive bullet lists
• Lorem Ipsum dolor

This is a sample block quote that gets displayed with default blockquote tag. It comes with quote image with it.

This is also a quote , but with alert icon. When you need to say to give a warning like or stopping or alerting, you can use this blockquote. Just add a class "alert" to the blockquote tag.

use "favorite" as class. Blockqoute that can display favorite things from your side or about your site. Ut ultricies imperdiet ante. Maecenas at est at tellus aliquet volutpat. Donec turpis velit, sodales sed, lobortis eget, lobortis vitae, velit.

user "importantone" as class. Blockqoute that can display important things from your side or about your site.Quisque pretium porttitor quam. In mauris sapien, interdum quis, rhoncus eget, venenatis cursus, turpis. Aliquam vulputate dictum metus.

Adding "download" as class in blockquote will display blockquote like this and you can inform your user for a file download section for file

This is a question mark icon that can be used for displaying FAQ information. A single question and answer can be displayed in this same blockquote.

This is combination of blockquote and paragraph tag that displays begin and end quote to form a quote! The width and height are scalable. The quote end is available only at the end of para as you are seeing it live.

This is a style mostly used in magazines. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap">T</span>his so and so,... Other paragraphs can flow with it.</p>his is a style mostly used in magazines. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap">T</span>his so and so,... Other paragraphs can flow with it.</p>

This is a style mostly used in magazines. Blue titled. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap">T</span>his so and so,... Other paragraphs can flow with it.</p>his is a style mostly used in magazines. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap">T</span>his so and so,... Other paragraphs can flow with it.</p>

This is a style mostly used in magazines. Green titled. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap">T</span>his so and so,... Other paragraphs can flow with it.</p>his is a style mostly used in magazines. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap">T</span>his so and so,... Other paragraphs can flow with it.</p>

This is a style mostly used in magazines. Orange titled. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap">T</span>his so and so,... Other paragraphs can flow with it.</p>his is a style mostly used in magazines. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap">T</span>his so and so,... Other paragraphs can flow with it.</p>

This is a style mostly used in magazines. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap-hilite">T</span>his so and so,... Other paragraphs can flow with it.</p> . The difference is it is highlighted.

This is a style mostly used in magazines. This is blue highlighted. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap-hilite-blue">T</span>his so and so,... Other paragraphs can flow with it.</p> . The difference is it is highlighted.

This is a style mostly used in magazines. This is orange highlighted. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap-hilite-orange">T</span>his so and so,... Other paragraphs can flow with it.</p> . The difference is it is highlighted.

This is a style mostly used in magazines. This is green highlighted. This is called dropcap. Without graphics or anything you can get this effect by adding a tag like <p><span class="dropCap-hilite-green">T</span>his so and so,... Other paragraphs can flow with it.</p> . The difference is it is highlighted.