[lsvr_section fullsize=”no” wrap_in_container=”no” inview_anim=”none”]
Accordion
[lsvr_grid_row]
[lsvr_grid_column size=”6″ breakpoint=”md” offset=”0″]
Classic
[lsvr_accordion toggle=”no” inview_anim=”none”]
[lsvr_accordion_item title=”Nulla consequat massa” state=”opened”]
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
[/lsvr_accordion_item]
[lsvr_accordion_item title=”Vivamus elementum semper”]
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
[/lsvr_accordion_item]
[lsvr_accordion_item title=”Etiam ultricies nisi vel”]
Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel.
[/lsvr_accordion_item]
[/lsvr_accordion]
[/lsvr_grid_column]
[lsvr_grid_column size=”6″ breakpoint=”md” offset=”0″]
Toggle
[lsvr_accordion toggle=”yes” inview_anim=”none”]
[lsvr_accordion_item title=”Etiam ultricies nisi vel” state=”opened”]
Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
[/lsvr_accordion_item]
[lsvr_accordion_item title=”Nulla consequat massa”]
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
[/lsvr_accordion_item]
[lsvr_accordion_item title=”Vivamus elementum semper”]
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
[/lsvr_accordion_item]
[/lsvr_accordion]
[/lsvr_grid_column]
[/lsvr_grid_row]
[/lsvr_section]
[lsvr_section fullsize=”no” wrap_in_container=”no” inview_anim=”none”]
Alert Messages
[lsvr_grid_row]
[lsvr_grid_column size=”6″ breakpoint=”md” offset=”0″]
[lsvr_alert_message type=”warning” closable=”no” inview_anim=”none”]
This is example of warning message.
[/lsvr_alert_message]
[/lsvr_grid_column]
[lsvr_grid_column size=”6″ breakpoint=”md” offset=”0″]
[lsvr_alert_message type=”success” closable=”no” inview_anim=”none”]
This is example of success message.
[/lsvr_alert_message]
[/lsvr_grid_column]
[/lsvr_grid_row]
[lsvr_grid_row]
[lsvr_grid_column size=”6″ breakpoint=”md” offset=”0″]
[lsvr_alert_message type=”info” closable=”no” inview_anim=”none”]
This is example of info message.
[/lsvr_alert_message]
[/lsvr_grid_column]
[lsvr_grid_column size=”6″ breakpoint=”md” offset=”0″]
[lsvr_alert_message type=”warning” closable=”no” inview_anim=”none”]
This is example of notification message.
[/lsvr_alert_message]
[/lsvr_grid_column]
[/lsvr_grid_row]
[/lsvr_section]
[lsvr_section fullsize=”no” wrap_in_container=”no” inview_anim=”none”]
Buttons
[lsvr_grid_row]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_button link=”#” size=”m-normal” color=”m-color-1″ style=”m-type-1″ inview_anim=”none”]Button[/lsvr_button]
[lsvr_button link=”#” size=”m-medium” color=”m-color-1″ style=”m-type-1″ inview_anim=”none”]Medium Button[/lsvr_button]
[lsvr_button link=”#” size=”m-big” color=”m-color-1″ style=”m-type-1″ inview_anim=”none”]Big Button[/lsvr_button]
[lsvr_button link=”#” size=”m-normal” color=”m-color-1″ style=”m-type-2″ inview_anim=”none”]Button[/lsvr_button]
[lsvr_button link=”#” size=”m-medium” color=”m-color-1″ style=”m-type-2″ inview_anim=”none”]Medium Button[/lsvr_button]
[lsvr_button link=”#” size=”m-big” color=”m-color-1″ style=”m-type-2″ inview_anim=”none”]Big Button[/lsvr_button]
[/lsvr_grid_column]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_button link=”#” size=”m-normal” color=”m-color-2″ style=”m-type-1″ inview_anim=”none”]Button[/lsvr_button]
[lsvr_button link=”#” size=”m-medium” color=”m-color-2″ style=”m-type-1″ inview_anim=”none”]Medium Button[/lsvr_button]
[lsvr_button link=”#” size=”m-big” color=”m-color-2″ style=”m-type-1″ inview_anim=”none”]Big Button[/lsvr_button]
[lsvr_button link=”#” size=”m-normal” color=”m-color-2″ style=”m-type-2″ inview_anim=”none”]Button[/lsvr_button]
[lsvr_button link=”#” size=”m-medium” color=”m-color-2″ style=”m-type-2″ inview_anim=”none”]Medium Button[/lsvr_button]
[lsvr_button link=”#” size=”m-big” color=”m-color-2″ style=”m-type-2″ inview_anim=”none”]Big Button[/lsvr_button]
[/lsvr_grid_column]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_button link=”#” size=”m-normal” color=”m-color-3″ style=”m-type-1″ inview_anim=”none”]Button[/lsvr_button]
[lsvr_button link=”#” size=”m-medium” color=”m-color-3″ style=”m-type-1″ inview_anim=”none”]Medium Button[/lsvr_button]
[lsvr_button link=”#” size=”m-big” color=”m-color-3″ style=”m-type-1″ inview_anim=”none”]Big Button[/lsvr_button]
[lsvr_button link=”#” size=”m-normal” color=”m-color-3″ style=”m-type-2″ inview_anim=”none”]Button[/lsvr_button]
[lsvr_button link=”#” size=”m-medium” color=”m-color-3″ style=”m-type-2″ inview_anim=”none”]Medium Button[/lsvr_button]
[lsvr_button link=”#” size=”m-big” color=”m-color-3″ style=”m-type-2″ inview_anim=”none”]Big Button[/lsvr_button]
[/lsvr_grid_column]
[/lsvr_grid_row]
[/lsvr_section]
[lsvr_section fullsize=”no” wrap_in_container=”no” inview_anim=”none”]
Pricing Table
[lsvr_grid_row]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_pricing_table title=”Bronze” price=”$99″ price_description=”1 Month Membership” button_label=”Order Now” button_link=”#” inview_anim=”none”]
- 2 x Massage
- 2 x Facial Treatment
- 2 x Wash, Cut & Finish
[/lsvr_pricing_table]
[/lsvr_grid_column]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_pricing_table title=”Silver” price=”$159″ price_description=”1 Month Membership” button_label=”Order Now” button_link=”#” inview_anim=”none”]
- 4 x Massage
- 4 x Facial Treatment
- 4 x Wash, Cut & Finish
[/lsvr_pricing_table]
[/lsvr_grid_column]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_pricing_table title=”Gold” price=”$299″ price_description=”3 Months Membership” button_label=”Order Now” button_link=”#” inview_anim=”none”]
- 4 x Massage
- 4 x Facial Treatment
- 4 x Wash, Cut & Finish
[/lsvr_pricing_table]
[/lsvr_grid_column]
[/lsvr_grid_row]
[/lsvr_section]
[lsvr_section fullsize=”no” wrap_in_container=”no” inview_anim=”none”]
Progress Bar
[lsvr_grid_row]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_progressbar percentage=”60″ label=”Color 1″ color=”m-color-1″ inview_anim=”none”]
[/lsvr_grid_column]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_progressbar percentage=”80″ label=”Color 2″ color=”m-color-2″ inview_anim=”none”]
[/lsvr_grid_column]
[lsvr_grid_column size=”4″ breakpoint=”md” offset=”0″]
[lsvr_progressbar percentage=”30″ label=”Color 3″ color=”m-color-3″ inview_anim=”none”]
[/lsvr_grid_column]
[/lsvr_grid_row]
[/lsvr_section]
[lsvr_section fullsize=”no” wrap_in_container=”no” inview_anim=”none”]
Tabs
[lsvr_tabs inview_anim=”none”]
[lsvr_tab_item title=”First Tab”]
Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.
[/lsvr_tab_item]
[lsvr_tab_item title=”Second Tab”]
The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.
[/lsvr_tab_item]
[lsvr_tab_item title=”Third Tab”]
The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word “and” and the Little Blind Text should turn around and return to its own, safe country.
[/lsvr_tab_item]
[/lsvr_tabs]
[/lsvr_section]