JV News's Typography

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

This is an Heading 1

Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.

This is an Heading 2

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst.

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

#jv-colwrap {
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	width: 350px;
	overflow: hidden;
}

This is an Heading 3

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

1. This is a sample Ordered List.
2. Lorem ipsum dolor sit amet consectetuer.
3. Condimentum quis.
4. Congue Quisque augue elit dolor nibh.

This is an Heading 4

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

• This is a sample Unordered List.
• Condimentum quis.
• Congue Quisque augue elit dolor.
• Nunc cursus sem et pretium sapien eget.

• This is a sample Check list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

• This is a sample Unordered list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

• This is a sample Unordered list. Interdum Vestibulum Sed Lorem eu
• Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
• Lorem et nunc congue pede auctor condimentum habitasse rutrum
• Nunc cursus sem et pretium sapien eget.

This is a sample clip note. Use <p class="stickynote">Your clip note goes here!</p> to form a clip note!

This is a sample download. Use <p class="download">Your download goes here!</p> to form a download!

This is a sample Blockquote. Use <blockquote>Your quote goes here!</blockquote> to form a quote!

This is a sample Blockquote. Use <blockquote><span class="open">Y</span>our quote goes her<span class="close">e!</span></blockquote> to form a quote!

01This is a sample block number. Use <p class="blocknumber"><span class="bignumber">01.</span>Your content goes here!</p> to form a block number!

02This is a sample block number. Use <p class="blocknumber"><span class="bignumber">02.</span>Your content goes here!</p> to form a block number!

03This is a sample block number. Use <p class="blocknumber"><span class="bignumber">03.</span>Your content goes here!</p> to form a block number!

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

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

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

This is a highlight phrase. Use <span class="highlight">Your highlight phrase goes here!</span>.

• This is a sample Video list. Interdum Vestibulum Sed Lorem eu
• This is a sample RSS list. Interdum Vestibulum Sed Lorem eu
• This is a sample Link list. Interdum Vestibulum Sed Lorem eu

Aliquam erat volutpat. Proin metus tellus, feugiat nec, tempor vel, consectetur sed, nunc. Integer faucibus blandit purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras bibendum enim. Vivamus ac sem. Praesent eu purus. Nulla faucibus mollis lorem. Vivamus scelerisque tincidunt dolor. Cras nisl. Mauris ac augue non felis fringilla convallis.

Use <p class="box-grey">Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p>

Use <p class="box-hilite">Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p>