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>
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>
General icon rule<i class="fa fa-CLASS_NAME"></i> content here...
New articles default to the first position in the Category. The ordering can be changed in Backend.