Elements

Buttons

Huge Large Normal Small Mini
Code
[button size="huge"]Huge[/button]
[button size="large"]Large[/button]
[button]Normal[/button]
[button size="small"]Small[/button]
[button size="mini"]Mini[/button]
Default Primary Color White Gray Black
Red Orange Yellow Green Cyan Blue
Light Blue Dark Blue Magenta Pink
Code
[button]Default[/button]
[button color="primary"]Primary Color[/button]
[button color="white"]White[/button]
[button color="gray"]Gray[/button]
[button color="black"]Black[/button]
[button color="red"]Red[/button]
[button color="orange"]Orange[/button]
[button color="yellow"]Yellow[/button]
[button color="green"]Green[/button]
[button color="cyan"]Cyan[/button]
[button color="blue"]Blue[/button]
[button color="magenta"]Magenta[/button]
[button color="pink"]Pink[/button]
[button color="rosy"]Rosy[/button]
Primary Color Gray Black Red Orange Yellow Green
Cyan Blue Light Blue Dark Blue Magenta Pink
Code
&[button border="true" color="primary"]White[/button]
[button border="true" color="gray"]Gray[/button]
[button border="true" color="black"]Black[/button]
[button border="true" color="red"]Red[/button]
[button border="true" color="orange"]Orange[/button]
[button border="true" color="yellow"]Yellow[/button]
[button border="true" color="green"]Green[/button]
[button border="true" color="cyan"]Cyan[/button]
[button border="true" color="blue"]Blue[/button]
[button border="true" color="magenta"]Magenta[/button]
[button border="true" color="pink"]Pink[/button]
[button border="true" color="rosy"]Rosy[/button]
Primary Color Gray Black Red Orange Yellow Green
Cyan Blue Light Blue Dark Blue Magenta Pink
Code
&[button flat="true" color="primary"]White[/button]
[button flat="true" color="gray"]Gray[/button]
[button flat="true" color="black"]Black[/button]
[button flat="true" color="red"]Red[/button]
[button flat="true" color="orange"]Orange[/button]
[button flat="true" color="yellow"]Yellow[/button]
[button flat="true" color="green"]Green[/button]
[button flat="true" color="cyan"]Cyan[/button]
[button flat="true" color="blue"]Blue[/button]
[button flat="true" color="magenta"]Magenta[/button]
[button flat="true" color="pink"]Pink[/button]
[button flat="true" color="rosy"]Rosy[/button]
Download Apple Link User E-mail
Code
[button icon="download"]Download[/button]
[button icon="apple" color="black"]Apple[/button]
[button icon="link" color="blue"]Link[/button]
[button icon="user" color="green"]User[/button]
[button icon="envelope" color="red"]E-mail[/button]

Lists

Code
[list]
	[item]Content…[/item]
[/list]

[list icon="check" color="green"]
	[item]Content…[/item]
[/list]

[list icon="thumbs-up" color="blue" textcolor="blue"]
	[item]Content…[/item]
[/list]
Code
[list icon="asterisk"]
	[item icon="plus" color="green"]Content…[/item]
	[item icon="minus" color="red"]Content…[/item]
	[item color="orange"]Content…[/item]
[/list]

[list icon="leaf" color="green"]
	[item]Content…[/item]
	[item]Content…[/item]
	[item]Content…[/item]
[/list]

[list icon="heart" color="red"]
	[item]Content…[/item]
	[item]Content…[/item]
	[item]Content…[/item]
[/list]

Links

Code
[icon_link icon="download" color="blue" href="#download"]Download[/icon_link]
[icon_link icon="apple" color="green" href="#apple"]Apple[/icon_link]
[icon_link icon="link" color="red" href="#link"]Link[/icon_link]
[icon_link icon="user" color="green" href="#user"]User[/icon_link]
[icon_link icon="envelope" href="#mail"]Mail[/icon_link]

Dropcaps

Style #1

Nec hendrerit hendrerit, auctor non odio nulla facilisi.

Style #2

Augue, sit amet interdum ante purus at quam.

Style #3

Porttitor nunc eu faucibus in hac habitasse platea.

Style #4

Nulla nullam vel nisi enim, vel auctor ante morbi id.

Style #1 Inverted

Nec hendrerit hendrerit, auctor non odio nulla facilisi.

Style #2 Inverted

Augue, sit amet interdum ante purus at quam.

Style #3 Inverted

Porttitor nunc eu faucibus in hac habitasse platea.

Style #3 Colored

Nulla nullam vel nisi enim, vel auctor ante morbi id.
Code
[dropcap]L[/dropcap]
[dropcap2]U[/dropcap2]
[dropcap3]D[/dropcap3]
[dropcap4]N[/dropcap4]
[dropcap inverted="true"]L[/dropcap]
[dropcap2 inverted="true"]U[/dropcap2]
[dropcap3 inverted="true"]D[/dropcap3]
[dropcap3 bgcolor="#d14937" color="#ffffff"]N[/dropcap3]

Toggles

Click me to Lorem ipsum
I’m unemployed. Libero porttitor ornare at et est suspendisse sed magna ac enim mollis. D’ya have a good sarsaparilla? Convallis integer aliquam adipiscing sodales curabitur facilisis porttitor enim quis scelerisque pellentesque. …and even if he’s a lazy man, and the Dude was certainly that—quite possibly the laziest in Los Angeles County. Ullamcorper ligula sit amet dolor faucibus facilisis in lacus quam, volutpat in. I got a nice quiet beach community here, and I aim to keep it nice and quiet. Adipiscing eget, blandit et eros integer vehicula vehicula elit eget vulputate cras.

I spent most of my time occupying various, um, administration buildings, smoking thai-stick, breaking into the ROTC and bowling. At sollicitudin augue maecenas vulputate est a neque. They call Los Angeles the City of Angels. I didn’t find it to be that exactly, but I’ll allow as there are some nice folks there. ‘Course, I can’t say I seen London, and I never been to France, and I ain’t never seen no queen in her damn undies as the fella says. But I’ll tell you what, after seeing Los Angeles and thisahere story I’m about to unfold —wal, I guess I seen somethin’ ever’ bit as stupefyin’ as ya’d see in any a those other places, and in English too, so I can die with a smile on my face without feelin’ like the good Lord gypped me. Sagittis commodo quisque condimentum posuere iaculis fusce at.

Rhoncus nisl sed at orci sed urna accumsan vehicula. Finishing my coffee. You don’t go out and make a living dressed like that in the middle of a weekday. Nullam urna libero, eleifend ac interdum ut, consequat in. Your goons’ll be able to get it off him, mean he’s only fifteen and he’s flunking social studies. So if you’ll just write me a ok for my ten per cent… of half a million… fifty grand. Leo proin in tortor risus sed augue urna, hendrerit.

Code

[toggle title="Click me to Lorem ipsum"]Content…[/toggle]

Columns

One Half

1 Lebowski ipsum hello. Nein dizbatcher says zere iss problem mit deine kable. Dolor sit amet, consectetur adipiscing elit praesent ac magna justo.

One Half

2 Sed orci ipsum, placerat id condimentum rutrum, rhoncus ac. Wave of the future, Dude. 100% electronic. Forget it, Donny. You’re out of your element.
Code
[one_half]
	Content…
[/one_half]
[one_half_last]
	Content…
[/one_half_last]
Code
[one_third]
	Content…
[/one_third]
[one_third]
	Content…
[/one_third]
[one_third_last]
	Content…
[/one_third_last]

Two Third

2 Shomer shabbos. Eu urna curabitur varius egestas nibh id lacinia vestibulum laoreet. Lobortis massa nec condimentum aliquam erat volutpat nullam ornare ipsum.
Code
[one_third]
	Content…
[/one_third]
[two_third_last]
	Content…
[/two_third_last]

One Fourth

1 Dignissim ut convallis tortor ac quam tristique eget commodo diam vestibulum nulla facilisi. Would it be possible for me to get my twenty grand in cash?

One Fourth

2 Porttitor nunc eu faucibus in hac habitasse platea dictumst. Brandt can’t watch though. Or he has to pay a hundred. Sed eros lorem, mattis eu sagittis aliquet, vehicula id.

One Fourth

3 I’m unemployed. Libero porttitor ornare at et est suspendisse sed magna ac enim mollis. D’ya have a good sarsaparilla?

One Fourth

4 I spent most of my time occupying various, um, administration buildings, smoking thai-stick, breaking into the ROTC and bowling.
Code
[one_fourth]
	Content…
[/one_fourth]
[one_fourth]
	Content…
[/one_fourth]
[one_fourth]
	Content…
[/one_fourth]
[one_fourth_last]
	Content…
[/one_fourth_last]

Dividers

Code

[space height="100"]

Code

[line]

Code

[divider top="true"]