Joomla! 1.0 - 'Experience the Freedom'!. It has never been easier to create your own dynamic site. Manage all your content from the best CMS admin interface.
 
Home arrow Typography
Typography PDF Print E-mail
This page presents most of typographical aspects of News Portal. Make your readers happy with great Typography and User Experience!

 

This is a Heading 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


This is a Heading 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


This is a Heading 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.



This is a sample camera note. Use <span class="camera">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span> This is a sample zoom note. Use <span class="zoom">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

 

This is a sample blockquote. Use <blockquote><div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris congue. Vestibulum vel nulla. Fusce quis arcu. Duis eu sem. Integer mi. Aliquam tempus mattis pede. Praesent quam. Curabitur pellentesque sapien a justo sodales dapibus. Fusce metus. Proin lacus sapien, sodales non, ultricies ut, scelerisque in, dolor.</div></blockquote>


This is a sample story highlights. Use <div class="highli">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce feugiat euismod tortor. Nulla interdum semper elit. Cras malesuada gravida nisi. Vivamus urna velit, tempor pulvinar, placerat eget, sodales pulvinar, dui.</div>


This is a sample pin note. Use <span class="pin">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample contact note. Use <span class="contact">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample beige note. Use <span class="beige">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample grey note. Use <span class="grey">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

This is a sample maroon note. Use <span class="maroon">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>



If you want use border on your images please use <img  class="border" src="image.jpg" alt=" " />
Last Updated ( Sunday, 08 April 2007 )
 
 

Sponsored Links