skip to Main Content

Buttons

[button size=”huge”]Huge[/button] [button size=”large”]Large[/button] [button]Normal[/button] [button size=”small”]Small[/button] [button size=”mini”]Mini[/button] [space] [toggle title=”Code”]
[button size="huge"]Huge[/button]
[button size="large"]Large[/button]
[button]Normal[/button]
[button size="small"]Small[/button]
[button size="mini"]Mini[/button]
[/toggle] [space] [button]Default[/button] [button color=”primary”]Primary Color[/button] [button color=”white”]White[/button] [button color=”gray”]Gray[/button] [button color=”black”]Black[/button] [space height=”5″] [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=”light-blue”]Light Blue[/button] [button color=”dark-blue”]Dark Blue[/button] [button color=”magenta”]Magenta[/button] [button color=”pink”]Pink[/button] [space] [toggle title=”Code”]
[button]Default[/button]
[button color="white"]White[/button]
[button color="gray"]Gray[/button]
[button color="black"]Black[/button]
[button color="red"]Red[/button]
[button color="moorange"]Glowing Orange[/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]
[/toggle] [space] [button icon=”download”]Download[/button] [button icon=”download-alt” color=”green”]Download[/button] [button icon=”link” color=”blue”]Link[/button] [button icon=”user” color=”black”]User[/button] [button icon=”envelope” color=”red”]E-mail[/button] [space] [toggle title=”Code”]
[button icon="download"]Download[/button]
[button icon="download-alt" color="green"]Download[/button]
[button icon="link" color="blue"]Link[/button]
[button icon="user" color="black"]User[/button]
[button icon="envelope" color="red"]E-mail[/button]
[/toggle] [line]

Lists

[one_third] [list] [item]Lorem ipsum dolor sit amet[/item] [item]Consectetuer adipiscing elit[/item] [item]Aliquam tincidunt mauris eu risus[/item] [/list] [/one_third] [one_third] [list icon=”ok” color=”green”] [item]Lorem ipsum dolor sit amet[/item] [item]Consectetuer adipiscing elit[/item] [item]Aliquam tincidunt mauris eu risus[/item] [/list] [/one_third] [one_third_last] [list icon=”thumbs-up” color=”blue” textcolor=”blue”] [item]Lorem ipsum dolor sit amet[/item] [item]Consectetuer adipiscing elit[/item] [item]Aliquam tincidunt mauris eu risus[/item] [/list] [/one_third_last] [toggle title=”Code”]
[list]
	[item]Content…[/item]
[/list]

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

[list icon="thumbs-up" color="blue" textcolor="blue"]
	[item]Content…[/item]
[/list]
[/toggle] [space] [one_third] [list icon=”asterisk”] [item icon=”plus” color=”green”]Lorem ipsum dolor sit amet[/item] [item icon=”minus” color=”red”]Consectetuer adipiscing elit[/item] [item color=”orange”]Aliquam tincidunt mauris eu risus[/item] [/list] [/one_third] [one_third] [list icon=”leaf” color=”green”] [item]Lorem ipsum dolor sit amet[/item] [item]Consectetuer adipiscing elit[/item] [item]Aliquam tincidunt mauris eu risus[/item] [/list] [/one_third] [one_third_last] [list icon=”heart” color=”red”] [item]Lorem ipsum dolor sit amet[/item] [item]Consectetuer adipiscing elit[/item] [item]Aliquam tincidunt mauris eu risus[/item] [/list] [/one_third_last] [toggle title=”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]
[/toggle] [line]

Links

[one_fifth] [icon_link icon=”download” color=”blue” href=”#download”]Download[/icon_link] [/one_fifth] [one_fifth] [icon_link icon=”download-alt” color=”green” href=”#download-alt”]Download Alt[/icon_link] [/one_fifth] [one_fifth] [icon_link icon=”link” color=”red” href=”#link”]Link[/icon_link] [/one_fifth] [one_fifth] [icon_link icon=”user” color=”black” href=”#user”]User[/icon_link] [/one_fifth] [one_fifth_last] [icon_link icon=”envelope” href=”#mail”]Mail[/icon_link] [/one_fifth_last] [space] [toggle title=”Code”]
[icon_link icon="download" color="blue" href="#download"]Download[/icon_link]
[icon_link icon="download-alt" color="green" href="#attachment"]Download Alt[/icon_link]
[icon_link icon="link" color="red" href="#link"]Link[/icon_link]
[icon_link icon="user" color="black" href="#user"]User[/icon_link]
[icon_link icon="envelope" href="#mail"]Mail[/icon_link]
[/toggle] [line]

Dropcaps

[one_fourth]

Style #1

[dropcap]N[/dropcap]ec hendrerit hendrerit, auctor non odio nulla facilisi.
[/one_fourth] [one_fourth]

Style #2

[dropcap2]A[/dropcap2]ugue, sit amet interdum ante purus at quam.
[/one_fourth] [one_fourth]

Style #3

[dropcap3]P[/dropcap3]orttitor nunc eu faucibus in hac habitasse platea.
[/one_fourth] [one_fourth_last]

Style #4

[dropcap4]N[/dropcap4]ulla nullam vel nisi enim, vel auctor ante morbi id.
[/one_fourth_last] [space] [one_fourth]

Style #1 Inverted

[dropcap inverted=”true”]N[/dropcap]ec hendrerit hendrerit, auctor non odio nulla facilisi.
[/one_fourth] [one_fourth]

Style #2 Inverted

[dropcap2 inverted=”true”]A[/dropcap2]ugue, sit amet interdum ante purus at quam.
[/one_fourth] [one_fourth]

Style #3 Inverted

[dropcap3 inverted=”true”]P[/dropcap3]orttitor nunc eu faucibus in hac habitasse platea.
[/one_fourth] [one_fourth_last]

Style #3 Colored

[dropcap3 bgcolor=”#d14937″ color=”#ffffff”]N[/dropcap3]ulla nullam vel nisi enim, vel auctor ante morbi id.
[/one_fourth_last] [space] [toggle title=”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]
[/toggle] [line]

Toggles

[toggle title=”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 check for my ten per cent… of half a million… fifty grand. Leo proin in tortor risus sed augue urna, hendrerit.
[/toggle] [space height=”10″]

Code

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

Columns

[one_half]

One Half

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

One Half

[dropcap4]2[/dropcap4] 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.
[/one_half_last] [space] [toggle title=”Code”]
[one_half]
	Content…
[/one_half]
[one_half_last]
	Content…
[/one_half_last]
[/toggle] [space] [one_third]

One Third

[dropcap4]1[/dropcap4] Nulla nullam vel nisi enim, vel auctor ante morbi id. But that is up to little Larry here. Isn’t it, Larry? Vee belief in nossing, Lebowski!
[/one_third] [one_third]

One Third

[dropcap4]2[/dropcap4] Eleifend nisl euismod ac maecenas. Every time a rug is micturated upon in this fair city, I have to compensate.
[/one_third] [one_third_last]

One Third

[dropcap4]3[/dropcap4] Another Caucasian, Gary. Eros dictum aliquet nulla consectetur egestas placerat. And Hill 364. These young men gave their lives.
[/one_third_last] [toggle title=”Code”]
[one_third]
	Content…
[/one_third]
[one_third]
	Content…
[/one_third]
[one_third_last]
	Content…
[/one_third_last]
[/toggle] [space] [one_third]

One Third

[dropcap4]1[/dropcap4] Look, Larry… Have you ever heard of Vietnam? Erat volutpat donec aliquam orci. Eget mi lobortis sed tincidunt.
[/one_third] [two_third_last]

Two Third

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

One Fourth

[dropcap4]1[/dropcap4] 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] [one_fourth]

One Fourth

[dropcap4]2[/dropcap4] 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] [one_fourth]

One Fourth

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

One Fourth

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

Dividers

[space height=”100″]

Code

[space height="100"]
[line]

Code

[line]
[divider top=”true”]

Code

[divider top="true"]
Back To Top