TYPOGRAPHY

Info<p class="alert info">Your info message goes here!</p>
Success<p class="alert success">Your info message goes here!</p>
Notice<p class="alert notice">Your info message goes here!</p>
Error<p class="alert error">Your info message goes here!</p>
Numblock<p class="numblock"><span>01</span> Lorem ipsum dolor sit amet,</p>
Block I<p class="block-1">Lorem ipsum dolor sit amet,</p>
Block II<p class="block-2">Lorem ipsum dolor sit amet,</p>
Legend<div class="legend"><h4>Title</h4><p>and here text.</p></div>
Blockquote<blockquote>Your quoted text goes here...</blockquote>
Floated block - left<span class="block-left">Block of text</span>
Floated block - right<span class="block-right">Block of text</span>
Default<ul><li>Item</li></ul>
Style I<ul class="list-1"><li>Item</li></ul>
Style II<ul class="list-1"><li>Item</li></ul>
Style III<ul class="list-1"><li>Item</li></ul>
Highlight<span class="highlight">Your highlight phrase goes here!</span>
Progress bar<div class="progress"><div class="bar" style="width: 60%" data-sr="wait .25s and move 0px"><span>60%</span></div><span>Label one</span></div>
Pre<pre>code</pre>
Code<code>code</code>
General icon rule<i class="fa fa-CLASS_NAME"></i> content here...

TYPOGRAPHY

Info<p class="alert info">Your info message goes here!</p>
Success<p class="alert success">Your info message goes here!</p>
Notice<p class="alert notice">Your info message goes here!</p>
Error<p class="alert error">Your info message goes here!</p>
Numblock<p class="numblock"><span>01</span> Lorem ipsum dolor sit amet,</p>
Block I<p class="block-1">Lorem ipsum dolor sit amet,</p>
Block II<p class="block-2">Lorem ipsum dolor sit amet,</p>
Legend<div class="legend"><h4>Title</h4><p>and here text.</p></div>
Blockquote<blockquote>Your quoted text goes here...</blockquote>
Floated block - left<span class="block-left">Block of text</span>
Floated block - right<span class="block-right">Block of text</span>
Default<ul><li>Item</li></ul>
Style I<ul class="list-1"><li>Item</li></ul>
Style II<ul class="list-1"><li>Item</li></ul>
Style III<ul class="list-1"><li>Item</li></ul>
Highlight<span class="highlight">Your highlight phrase goes here!</span>
Progress bar<div class="progress"><div class="bar" style="width: 60%" data-sr="wait .25s and move 0px"><span>60%</span></div><span>Label one</span></div>
Pre<pre>code</pre>
Code<code>code</code>
General icon rule<i class="fa fa-CLASS_NAME"></i> content here...
close

Sign up to keep in touch!

Be the first to hear about special offers and exclusive deals from TechNews and our partners.

Check out our Privacy Policy & Terms of use
You can unsubscribe from email list at any time