Articles
JB Type
The following styles are generated by the JB Type plugin that provides some stunning styling for your content using some very simple syntax.
Coloured Discs
The coloured discs styles are bright and colourful alternatives to your ordered lists. The style is ideally suited to stylign a single digit like a number or a letter to give the impression of creating an ordered list.
1 This is the #__bluedisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
2 This is the #__greendisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
3 This is the #__reddisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
4 This is the #__blackdisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
5 This is the #__greydisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
6 This is the #__purpledisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
7 This is the #__yellowdisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
8 This is the #__orangedisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
9 This is the #__charcoaldisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
10 This is the #__browndisc style. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum.
Simple Span Colours
#__black - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__blue - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__red - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__green - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__yellow - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__white - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__brown - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__purple - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
Some elegant icons from the iconic icon set.
This is some text rendered using the #__iconic_info syntax.
This is some text rendered using the #__iconic_star syntax.
This is some text rendered using the #__iconic_heart syntax.
This is some text rendered using the #__iconic_tag syntax.
This is some text rendered using the #__iconic_arrival syntax.
This is some text rendered using the #__iconic_truck syntax.
This is some text rendered using the #__iconic_arrow syntax.
This is some text rendered using the #__iconic_article syntax.
This is some text rendered using the #__iconic_email syntax.
This is some text rendered using the #__iconic_beaker syntax.
This is some text rendered using the #__iconic_book syntax.
This is some text rendered using the #__iconic_bolt syntax.
This is some text rendered using the #__iconic_box syntax.
This is some text rendered using the #__iconic_calendar syntax.
This is some text rendered using the #__iconic_comment syntax.
This is some text rendered using the #__iconic_tick syntax.
This is some text rendered using the #__iconic_cloud syntax.
This is some text rendered using the #__iconic_document syntax.
This is some text rendered using the #__iconic_image syntax.
This is some text rendered using the #__iconic_lightbulb syntax.
This is some text rendered using the #__iconic_search syntax.
This is some text rendered using the #__iconic_mail syntax.
This is some text rendered using the #__iconic_dash syntax.
This is some text rendered using the #__iconic_movie syntax.
This is some text rendered using the #__iconic_download syntax.
Blockquotes
#__quote - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__quoteleft - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__quoteright - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
Coquette Icons
#__info - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.#__warning - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. #__film - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__pin - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__lightbulb - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__recycle - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__camera - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__comment - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__chat - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__document - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__accessible - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__star - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__heart - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__previous - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__cart - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__sound - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__new - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__code - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__calculator - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. #__cut - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. #__dollar - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. #__pound - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. #__euro - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. #__mail Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. #__support - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula. #__next - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
Coloured Boxes
#__blackbox - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__greenbox - tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__redbox - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__purplebox - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__bluebox - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__brownbox - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
#__yellowbox - Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
Dropcap
This is the #__dropcapDonec tempus fringilla neque ac iaculis. Aenean eget ipsum elit, ac dapibus turpis. Nulla non felis est. Duis lacinia felis eu metus suscipit volutpat. Morbi tincidunt lectus nec sapien tempus at faucibus ante fermentum. Aliquam condimentum volutpat odio lacinia vehicula.
Connect With Us