[two_fifth]
Colors
[button]”Theme color” button[/button]
[button href=”#” size=”mini” color=”#d5d5d5″ tooltip=”Tooltip for button” hovercolor=”#f0f0f0″ textcolor=”#000000″]Button text[/button] [button href=”#” size=”mini” color=”#8EAF00″ hovercolor=”#9EC300″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”mini” color=”#309bc9″ hovercolor=”#35ade0″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”mini” color=”#1569ff” hovercolor=”#1775ff” textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”mini” color=”#c25619″ hovercolor=”#d8601c” textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”mini” color=”#e1785a” hovercolor=”#fb8664″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”mini” color=”#db2c56″ hovercolor=”#f43160″ tooltip=”Tooltip for button” textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”mini” color=”#ff9900″ hovercolor=”#ffaa00″ textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”mini” color=”#0a2a3a” hovercolor=”#0e3a50″ textcolor=”#ffffff”]Buttons text[/button]
[button href=”#” size=”small” color=”#d5d5d5″ hovercolor=”#f0f0f0″ textcolor=”#000000″]Button text[/button] [button href=”#” size=”small” color=”#8EAF00″ hovercolor=”#9EC300″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”small” color=”#309bc9″ hovercolor=”#35ade0″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”small” color=”#1569ff” hovercolor=”#1775ff” textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”small” color=”#c25619″ hovercolor=”#d8601c” textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”small” color=”#e1785a” hovercolor=”#fb8664″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”small” color=”#db2c56″ hovercolor=”#f43160″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”small” color=”#ff9900″ hovercolor=”#ffaa00″ textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”small” color=”#0a2a3a” hovercolor=”#0e3a50″ textcolor=”#ffffff”]Buttons text[/button]
[button href=”#” size=”medium” color=”#d5d5d5″ hovercolor=”#f0f0f0″ textcolor=”#000000″]Button text[/button] [button href=”#” size=”medium” color=”#8EAF00″ hovercolor=”#9EC300″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”medium” color=”#309bc9″ hovercolor=”#35ade0″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”medium” color=”#1569ff” hovercolor=”#1775ff” textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”medium” color=”#c25619″ hovercolor=”#d8601c” textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”medium” color=”#e1785a” hovercolor=”#fb8664″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”medium” color=”#db2c56″ hovercolor=”#f43160″ textcolor=”#ffffff”]Button text[/button] [button href=”#” size=”medium” color=”#ff9900″ hovercolor=”#ffaa00″ textcolor=”#ffffff”]Buttons text[/button] [button href=”#” size=”medium” color=”#0a2a3a” hovercolor=”#0e3a50″ textcolor=”#ffffff”]Buttons text[/button]
Button with tooltip
[button href=”#” size=”medium” color=”#96e6e6″ hovercolor=”#e3fffd” textcolor=”#000000″ tooltip=”Tooltip for button”]Button text[/button]
[/two_fifth]
[one_fifth]
Sizes
[button size=”mini”]Button text[/button]
[button size=”small” color=”2″]Button text[/button]
[button size=”medium” color=”4″]Button text[/button]
[button size=”large” color=”7″]Button text[/button]
[button size=”medium” color=”4″]Button text[/button]
[button size=”small” color=”2″]Button text[/button]
[button size=”mini”]Button text[/button]
[/one_fifth]
[two_fifth_last]
XLarge
[button size=”xlarge” title=”Button text”]Lorem ipsum dolor sit amet,
consectetur adipiscing elit.[/button]
[button href=”#” size=”xlarge” title=”Download button” color=”#437ce0″ hovercolor=”#96b9ff” textcolor=”#ffffff” tooltip=”Hi, this is optional tooltip”]Donwload latest software[/button]
[/two_fifth_last]