Banner
Typography
This page presents most of typographical aspects of The News. Make your readers happy with great Typography and User Experience!

 

This is a sample info message. Use <p class="info">Your info message goes here!</p>.

This is a sample tips message. Use <p class="tips">Your tips goes here!</p>.

This is a sample error message. Use <p class="warning">Your error message goes here!</p>.

 

This is a sample audio message. Use <p class="audio">Your audio message goes here!</p>.

This is a sample webcam message. Use <p class="webcam">Your webcam goes here!</p>.

This is a sample creditcart message. Use <p class="creditcart ">Your creditcart message goes here!</p>.

This is a sample feed message. Use <p class="feed">Your feed goes here!</p>.

This is a sample email message. Use <p class="help">Your help message goes here!</p>.

 

Below is a sample of <pre> or <div class="code">

#wrapper {
position: relative;
float: left;
display: block;
}

 

This is a sample pin note. Use <span class="clear">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 pin note. Use <span class="color">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 pin note. Use <span class="color-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. </span> This is a sample pin note. Use <span class="color-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. </span> This is a sample pin note. Use <span class="color-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. </span> This is a sample pin note. Use <span class="color-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. </span> This is a sample pin note. Use <span class="color-5">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 pin note. Use <span class="color-6">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>

 

 

Your are currently browsing this site with Internet Explorer 6 (IE6).

Your current web browser must be updated to version 7 of Internet Explorer (IE7) to take advantage of all of template's capabilities.

Why should I upgrade to Internet Explorer 7? Microsoft has redesigned Internet Explorer from the ground up, with better security, new capabilities, and a whole new interface. Many changes resulted from the feedback of millions of users who tested prerelease versions of the new browser. The most compelling reason to upgrade is the improved security. The Internet of today is not the Internet of five years ago. There are dangers that simply didn't exist back in 2001, when Internet Explorer 6 was released to the world. Internet Explorer 7 makes surfing the web fundamentally safer by offering greater protection against viruses, spyware, and other online risks.

Get free downloads for Internet Explorer 7, including recommended updates as they become available. To download Internet Explorer 7 in the language of your choice, please visit the Internet Explorer 7 worldwide page.