Toggleable

[chapter title=»Tabs» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[tabs header=»A nice tab» description=»Pellentesque habitant morbi tristique senectu ac turpis egestas.»][tab title=»Tab 1″ active=»yes»]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/tab][tab title=»Tab 2″][header level=»6″]Vestibulum tortor[/header]Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.[/tab] [tab title=»Tab 3″]Ac turpis egestas vestibulum tortor quam, feugiat vitae, ultricies eget. Placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.[/tab][/tabs]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[tabs header="A nice tab" description="Pellentesque habitant morbi tristique senectu ac turpis egestas."][tab title="Tab 1" active="yes"]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.[/tab][tab title="Tab 2"][header level="6"]Vestibulum tortor[/header]Malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.[/tab][tab title="Tab 3"]Ac turpis egestas vestibulum tortor quam, feugiat vitae, ultricies eget. Placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et.[/tab][/tabs]][/sourcecode]
[shortcode_params preheader=»tabs» name=»tabs»]
[shortcode_params preheader=»tab» name=»tab»]
[/two_thirds_column]
[/row]
[/chapter]

[chapter title=»Accordion» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[accordion]
[accordion_item title=»Problems solving» active=»yes»]Maecenas placerat arcu purus. Aliquam eget pulvinar purus, vel vehicula lorem. In eu tortor lectus. Phasellus non lacus nec mauris gravida viverra ut id est. Morbi vel urna in mauris interdum dapibus at sodales velit.
[/accordion_item]
[accordion_item title=»Systems monitoring»]Integer quis tristique arcu. Ut convallis purus purus, ut facilisis lorem pulvinar sit. Curabitur ullamcorper purus non auctor consectetur.[/accordion_item]
[accordion_item title=»Affect management»]Duis quis elit hendrerit, tempor magna ac, adipiscing ligula. Maecenas neque nibh, vehicula ut neque at, scelerisque mollis enim.
[/accordion_item]
[/accordion]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[accordion]
[accordion_item title="Problems solving" active="yes"]Maecenas placerat arcu purus. Aliquam eget pulvinar purus, vel vehicula lorem. In eu tortor lectus. Phasellus non lacus nec mauris gravida viverra ut id est. Morbi vel urna in mauris interdum dapibus at sodales velit.
[/accordion_item]
[accordion_item title="Systems monitoring"]Integer quis tristique arcu. Ut convallis purus purus, ut facilisis lorem pulvinar sit. Curabitur ullamcorper purus non auctor consectetur.[/accordion_item]
[accordion_item title="Affect management"]Duis quis elit hendrerit, tempor magna ac, adipiscing ligula. Maecenas neque nibh, vehicula ut neque at, scelerisque mollis enim.
[/accordion_item]
[/accordion]][/sourcecode]
[shortcode_params name=»accordion» preheader=»accordion»]
[shortcode_params name=»accordion_item» preheader=»accordion item»]
[/two_thirds_column]
[/row]
[/chapter]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *