Button Examples

[ls_button icon_right=”fa-home” color=”default” url=”http://progressionstudios.com”]Button Text[/ls_button]

[ls_button icon_right="fa-home" color="default" url="http://progressionstudios.com"]Default Button[/ls_button]

[ls_button icon_right=”fa-home” color=”secondary” url=”http://progressionstudios.com”]Secondary Button Text[/ls_button]

[ls_button icon_right="fa-home" color="secondary" url="http://progressionstudios.com"]Secondary Button Text[/ls_button]

Additional Colors: default, secondary black, green, blue, red, yellow, pink, purple
Additional Icons: View all available icons here http://fontawesome.io/icons/

[ls_divider type=”dotted” color=”grey”]

Toggle

[ls_toggle title=”Toggle Title”]Toggle text[/ls_toggle]

[ls_toggle title="Toggle Title"]Toggle text[/ls_toggle]

[ls_divider type=”dotted” color=”grey”]

Tabs

[ls_tabgroup][ls_tab title=”Tab #1″]Tab 1 text [/ls_tab][ls_tab title=”Tab #2″]Tab 2 text[/ls_tab][/ls_tabgroup]

[ls_tabgroup][ls_tab title="Tab #1"]Tab 1 text [/ls_tab][ls_tab title="Tab #2"]Tab 2 text[/ls_tab][/ls_tabgroup]

[ls_divider type=”dotted” color=”grey”]

Accordions

[ls_accordion][ls_accordion_section title=”Section #1″]Section 1 text[/ls_accordion_section][ls_accordion_section title=”Section #2″]Section 2 text[/ls_accordion_section][ls_accordion_section title=”Section #3″]Section 3 text[/ls_accordion_section][/ls_accordion]

[ls_accordion]
[ls_accordion_section title="Section #1"]Section 1 text[/ls_accordion_section]
[ls_accordion_section title="Section #2"]Section 2 text[/ls_accordion_section]
[ls_accordion_section title="Section #3"]Section 3 text[/ls_accordion_section]
[/ls_accordion]

[ls_divider type=”dotted” color=”grey”]

Slider

There is nothing to show here!
Slider with alias kenburnsexport not found.

[ls_divider type=”dotted” color=”grey”]

Google Maps

[ls_googlemap location=”new york,usa” zoom=”5″ title=”New York” height=”300″]

[ls_googlemap location="new york,usa" zoom="5" title="New York" height="300"]

[ls_divider type=”dotted” color=”grey”]

Pricing Tables

[one_third_first]
[ls_pricing plan=”Basic” cost=”$60″ per=”per year” button_url=”#” button_text=”Sign Up” color=”green” button_color=”green” button_target=”self” button_rel=”nofollow”]

  • 150 Mb Storage
  • 1 Domain
  • 2 Sub Domains
  • 5 MySQL DBs
  • 1 Emails

[/ls_pricing]
[/one_third_first][one_third]
[ls_pricing plan=”Starter” cost=”$90″ per=”per year” button_url=”#” button_text=”Sign Up” color=”blue” button_color=”blue” button_target=”self” button_rel=”nofollow”]

  • 250 Mb Storage
  • 2 Domain
  • 5 Sub Domains
  • 8 MySQL DBs
  • 2 Emails

[/ls_pricing]
[/one_third][one_third_last]
[ls_pricing plan=”Premium” cost=”$150″ per=”per year” button_url=”#” button_text=”Sign Up” color=”red” button_color=”red” button_target=”self” button_rel=”nofollow”]

  • 950 Mb Storage
  • 7 Domain
  • 10 Sub Domains
  • 7 MySQL DBs
  • 7 Emails

[/ls_pricing]
[/one_third_last]

[ls_pricing plan="Basic" cost="$60" per="per year" button_url="#" button_text="Sign Up" color="green" button_color="green" button_target="self" button_rel="nofollow"]
<ul>
	<li>Item 1</li>
	<li>Item 2</li>
</ul>
[/ls_pricing]

[ls_divider type=”dotted” color=”grey”]

Highlights

Lorem ipsum dolor sit amet, [ls_highlight color=”green”]consectetur adipiscing elit[/ls_highlight]. Cras rhoncus, diam quis luctus pellentesque, odio est condimentum leo, nec accumsan orci augue commodo enim. [ls_highlight color=”red”]Proin cursus sollicitudin magna eget ultricies[/ls_highlight]. Fusce auctor mi eget libero commodo, id dictum urna imperdiet. Cras pharetra, mauris tempus condimentum ultricies, ligula leo facilisis leo, quis facilisis ante quam vitae lectus. [ls_highlight color=”yellow”]Nam mollis, est sit amet euismod facilisis, orci leo sollicitudin leo, eu hendrerit elit arcu eget tellus. Etiam molestie eu nulla quis tincidunt[/ls_highlight]. Morbi mattis odio id orci adipiscing, id suscipit magna rutrum. [ls_highlight color=”purple”]Curabitur tempus feugiat ligula[/ls_highlight], nec posuere nunc tincidunt sed. Vivamus mollis elit neque, sed blandit sapien malesuada pretium. [ls_highlight color=”pink”]Phasellus lacinia magna[/ls_highlight] id dolor tempor congue. Nulla ut ligula venenatis, faucibus ante sit amet, cursus quam. Nullam eget mollis tortor, a aliquet eros. [ls_highlight color=”blue”]Donec aliquam sem eu ante hendrerit, non molestie urna fermentum[/ls_highlight].

[ls_highlight color="green"]text to highlight[/ls_highlight]

Available colors: black, green, blue, red, yellow, pink, purple

[ls_divider type=”dotted” color=”grey”]

Dividers

Nunc iaculis molestie nibh vel pharetra. In vel leo sed libero tincidunt commodo. Nulla vulputate aliquam enim, at blandit odio porta sed. Praesent pulvinar lorem dui, ac sagittis orci commodo at. Pellentesque congue tellus ut enim varius, vitae mattis enim blandit. Nulla facilisi. In auctor, nisi vitae mollis congue, dui ipsum cursus nulla, eu commodo elit turpis vel velit. Proin vel pellentesque sem. Sed a posuere ligula. Pellentesque non felis urna. Nulla facilisi. Proin nec vulputate tellus. Duis dapibus vitae lorem id elementum.

[ls_divider type=”dashed” color=”yellow”]

Nunc iaculis molestie nibh vel pharetra. In vel leo sed libero tincidunt commodo. Nulla vulputate aliquam enim, at blandit odio porta sed. Praesent pulvinar lorem dui, ac sagittis orci commodo at. Pellentesque congue tellus ut enim varius, vitae mattis enim blandit. Nulla facilisi. In auctor, nisi vitae mollis congue, dui ipsum cursus nulla, eu commodo elit turpis vel velit. Proin vel pellentesque sem. Sed a posuere ligula. Pellentesque non felis urna. Nulla facilisi. Proin nec vulputate tellus. Duis dapibus vitae lorem id elementum.

[ls_divider type=”double” color=”green”]

Nunc iaculis molestie nibh vel pharetra. In vel leo sed libero tincidunt commodo. Nulla vulputate aliquam enim, at blandit odio porta sed. Praesent pulvinar lorem dui, ac sagittis orci commodo at. Pellentesque congue tellus ut enim varius, vitae mattis enim blandit. Nulla facilisi. In auctor, nisi vitae mollis congue, dui ipsum cursus nulla, eu commodo elit turpis vel velit. Proin vel pellentesque sem. Sed a posuere ligula. Pellentesque non felis urna. Nulla facilisi. Proin nec vulputate tellus. Duis dapibus vitae lorem id elementum.

[ls_divider type=”solid” color=”blue”]

[ls_divider type="dotted" color="grey"]

Available types: dotted, solid, dashed, double
Available colors: grey, black, green, blue, red, yellow, pink, purple

Geef een reactie