Elements

[mks_col] [mks_one_half]

Buttons

[mks_button size=”large” title=”Button” style=”squared” url=”http://” target=”_self” bg_color=”#7BA31C” txt_color=”#FFFFFF” icon=”” icon_type=””] [mks_button size=”medium” title=”Button” style=”squared” url=”http://” target=”_self” bg_color=”#7BA31C” txt_color=”#FFFFFF” icon=”” icon_type=””] [mks_button size=”small” title=”Button” style=”squared” url=”http://” target=”_self” bg_color=”#7BA31C” 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=”#2f302c” 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″] [/mks_accordion_item] [mks_accordion_item title=”Title 2″] [/mks_accordion_item] [mks_accordion_item title=”Title 3″] [/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=”#7BA31C” style=”squared”] [mks_progressbar name=”Graphics” level=”Pro” value=”70″ height=”50″ color=”#2f302c” style=”squared”] [mks_progressbar name=”Development” level=”Pro” value=”90″ height=”50″ color=”#7BA31C” style=”squared”] [/mks_one_half] [/mks_col]