This page will show you basic html typography examples which can be used with template.

Default body text, Umencras tincidunt mollis pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nec neque libero. Phasellus rutrum, nibh id tristique dictum, velit dui fringilla turpis, vitae pellentesque nisi odio sit amet augue.

Preformatted text

defined('_JEXEC') or die;
JHtml::addIncludePath(JPATH_COMPONENT . '/helpers');
$params = $this->item->params;
$images = json_decode($this->item->images);
$urls = json_decode($this->item->urls);
$canEdit = $this->item->params->get('access-edit');
$user = JFactory::getUser(); 

Headings

This is heading H1 Lorem ipsum ...

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nec neque libero. Phasellus rutrum, nibh id tristique dictum, velit dui fringilla turpis, vitae pellentesque nisi odio sit amet augue.

This is heading H2 Lorem ipsum ...

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nec neque libero.
Phasellus rutrum, nibh id tristique dictum, velit dui fringilla turpis, vitae pellentesque nisi odio sit amet augue.

This is heading H3 Lorem ipsum ...

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nec neque libero. Phasellus rutrum, nibh id tristique dictum, velit dui fringilla turpis, vitae pellentesque nisi odio sit amet augue.

This is heading H4 Lorem ipsum ..

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nec neque libero. Phasellus rutrum, nibh id tristique dictum, velit dui fringilla turpis, vitae pellentesque nisi odio sit amet augue.

This is heading H5 Lorem ipsum ...

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nec neque libero. Phasellus rutrum, nibh id tristique dictum, velit dui fringilla turpis, vitae pellentesque nisi odio sit amet augue.

This is heading h6 Lorem ipsum ...

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nec neque libero. Phasellus rutrum, nibh id tristique dictum, velit dui fringilla turpis, vitae pellentesque nisi odio sit amet augue.

Text Icons

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales.

Blockquote

Waesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales interdum pellentesque. Ut molestie euismod erat et euismod. Aenean accumsan porta nisl ac scelerisque. Quisque posuere fermentum mattis. Pellentesque consequat nulla eu sapien suscipit ullamcorper, convallis sit amet quam ... "

Pull quote left

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales interdum pellentesque. Ut molestie euismod erat et euismod. Aenean accumsan porta nisl ac scelerisque. Quisque posuere fermentum mattis. Pellentesque consequat nulla eu sapien suscipit ullamcorper. Aenean mauris erat, mollis sed tempor quis, convallis sit amet quam. ...Pellentesque sit amet ipsum risus, nec adipiscing tellus. Suspendisse pretium porttitor turpis, a auctor metus vehicula nec... Phasellus dignissim arcu ut elit varius at vehicula dui dignissim. Praesent luctus neque id nunc luctus quis gravida lectus lacinia.Phasellus sollicitudin tincidunt nulla eu blandit. Integer elit magna, blandit sit amet rutrum quis, tempus vel ipsum. Fusce congue urna nec nibh tempor laoreet. Cras porttitor facilisis diam, id scelerisque metus congue non. Aliquam quis orci lorem. In ultrices malesuada erat a fermentum. Quisque adipiscing lorem accumsan dolor tincidunt semper gravida vel lacus. Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales interdum pellentesque. Ut molestie euismod erat et euismod. Aenean accumsan porta nisl ac scelerisque. Quisque posuere fermentum mattis. Pellentesque consequat nulla eu sapien suscipit ullamcorper. Aenean mauris erat, mollis sed tempor quis, convallis sit amet quam. Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo.

Pull Quote Right

Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales interdum pellentesque. Ut molestie euismod erat et euismod. Aenean accumsan porta nisl ac scelerisque. Quisque posuere fermentum mattis. Pellentesque consequat nulla eu sapien suscipit ullamcorper. Aenean mauris erat, mollis sed tempor quis, convallis sit amet quam. ...Pellentesque sit amet ipsum risus, nec adipiscing tellus. Suspendisse pretium porttitor turpis, a auctor metus vehicula nec... Phasellus dignissim arcu ut elit varius at vehicula dui dignissim. Praesent luctus neque id nunc luctus quis gravida lectus lacinia.Phasellus sollicitudin tincidunt nulla eu blandit. Integer elit magna, blandit sit amet rutrum quis, tempus vel ipsum. Fusce congue urna nec nibh tempor laoreet. Cras porttitor facilisis diam, id scelerisque metus congue non. Aliquam quis orci lorem. In ultrices malesuada erat a fermentum. Quisque adipiscing lorem accumsan dolor tincidunt semper gravida vel lacus. Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales interdum pellentesque. Ut molestie euismod erat et euismod. Aenean accumsan porta nisl ac scelerisque. Quisque posuere fermentum mattis. Pellentesque consequat nulla eu sapien suscipit ullamcorper. Aenean mauris erat, mollis sed tempor quis, convallis sit amet quam. Praesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo.

Unordered Lists

Dropcaps

Waesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales interdum pellentesque. Ut molestie euismod erat et euismod. Aenean accumsan porta nisl ac scelerisque. Quisque posuere fermentum mattis. Pellentesque consequat nulla eu sapien suscipit ullamcorper. Aenean mauris erat, mollis sed tempor quis, convallis sit amet quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin venenatis, elit ac dignissim convallis, erat magna dapibus sem, vitae vehicula ligula metus id nunc.

Waesent erat risus, ornare id feugiat vitae, elementum in nibh. Fusce est turpis, tincidunt sit amet pulvinar ut, venenatis nec justo. Quisque sodales interdum pellentesque. Ut molestie euismod erat et euismod. Aenean accumsan porta nisl ac scelerisque. Quisque posuere fermentum mattis. Pellentesque consequat nulla eu sapien suscipit ullamcorper. Aenean mauris erat, mollis sed tempor quis, convallis sit amet quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin venenatis, elit ac dignissim convallis, erat magna dapibus sem, vitae vehicula ligula metus id nunc.