Elements

[mks_col]

[mks_one_half]

Buttons

[mks_button size=”large” title=”Button” style=”squared” url=”http://” target=”_self” bg_color=”#AB85B4″ txt_color=”#FFFFFF” icon=”” icon_type=””]

[mks_button size=”medium” title=”Button” style=”squared” url=”http://” target=”_self” bg_color=”#1c141e” txt_color=”#FFFFFF” icon=”” icon_type=””]

[mks_button size=”small” title=”Button” style=”squared” url=”http://” target=”_self” bg_color=”#AB85B4″ txt_color=”#FFFFFF” icon=”” icon_type=””]

[mks_separator style=”blank” height=”25″]

Tabs

[mks_tabs nav=”horizontal”]
[mks_tab_item title=”Title 1″]
Example content 1
[/mks_tab_item]
[mks_tab_item title=”Title 2″]
Example content 2
[/mks_tab_item]
[mks_tab_item title=”Title 3″]
Example content 3
[/mks_tab_item]
[/mks_tabs]

[mks_separator style=”blank” height=”25″]

[mks_tabs nav=”vertical”]
[mks_tab_item title=”Title 1″]
Example content 1
[/mks_tab_item]
[mks_tab_item title=”Title 2″]
Example content 2
[/mks_tab_item]
[mks_tab_item title=”Title 3″]
Example content 3
[/mks_tab_item]
[/mks_tabs]

Blockquote

[mks_pullquote align=”left” width=”300″ size=”24″ bg_color=”#1c141e” txt_color=”#ffffff”]Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in.[/mks_pullquote]

[/mks_one_half]

[mks_one_half]

Accordion

[mks_accordion]
[mks_accordion_item title=”Title 1″]

Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio.

[/mks_accordion_item]

[mks_accordion_item title=”Title 2″]

Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio.

[/mks_accordion_item]

[mks_accordion_item title=”Title 3″]

Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio.

[/mks_accordion_item]
[/mks_accordion]

Toggle

[mks_toggle title=”Example Title” state=”open”]Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. [/mks_toggle]
[mks_toggle title=”Example Title” state=”close”]Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. [/mks_toggle]
[mks_toggle title=”Example Title” state=”close”]Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. [/mks_toggle]

[mks_separator style=”blank” height=”25″]

Progress Bar

[mks_progressbar name=”Design” level=”Pro” value=”80″ height=”50″ color=”#AB85B4″ style=”squared”]

[mks_progressbar name=”Graphics” level=”Pro” value=”70″ height=”50″ color=”#1c141e” style=”squared”]

[mks_progressbar name=”Development” level=”Pro” value=”90″ height=”50″ color=”#AB85B4″ style=”squared”]

[/mks_one_half]

[/mks_col]