Box, Toggles and Tabs

Boxes

[three_col][box_info type=”default” title=”Here is your title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/box_info][/three_col] [three_col][box_info type=”light” title=”Here is your title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/box_info][/three_col] [three_col_last][box_info type=”dark” title=”Here is your title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/box_info][/three_col_last] [sourcecode] [[box_info title="Here is your Title"]Your Text[/box_info]] [[box_info title="Here is your Title" style="light"]Your Text[/box_info]] [[box_info title="Here is your Title" style="dark"]Your Text[/box_info]] [/sourcecode] [hr top=”30″ bottom=”30″ /]

Toggle Boxes

[three_col][toggle_box state=”closed” type=”default” title=”This is a title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][toggle_box state=”closed” type=”light” title=”Another toggle box”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][toggle_box state=”closed” type=”dark” title=”The last toggle box”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][/three_col][three_col][toggle_box state=”closed” type=”default” title=”This is a title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][toggle_box state=”closed” type=”light” title=”Another toggle box”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][toggle_box state=”closed” type=”dark” title=”The last toggle box”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][/three_col][three_col_last][toggle_box state=”closed” type=”default” title=”This is a title”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][toggle_box state=”closed” type=”light” title=”Another toggle box”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][toggle_box state=”closed” type=”dark” title=”The last toggle box”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius scelerisque dolor vel aliquam. Ut elit purus, cursus at malesuada nec, adipiscing eget nibh. Donec gravida molestie orci, convallis aliquet quam hendrerit malesuada. Morbi nec quam et sapien adipiscing vehicula in nec nulla.[/toggle_box][/three_col_last] [sourcecode] [[toggle_box state="closed" type="default" title="This is a title"]Your Text[/toggle_box]] [[toggle_box state="closed" type="light" title="This is a title"]Your Text[/toggle_box]] [[toggle_box state="closed" type="dark" title="This is a title"]Your Text[/toggle_box]] [/sourcecode] [hr top=”30″ bottom=”30″ /]

Tab Panel

[tab_box][tab title=”Tab 1″]Lorem ipsum dolor sit amet, onsectur adipiscing elit. Aenean nisl orci, condimentum ultrices cons equat eu, vehicula ac mauris.[/tab] [tab title=”Tab 2″]Aenean nisl orci, condimentum ultrices consequateu, vehicula ac mauris.[/tab] [tab title=”Tab3″]Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condimentum ultrices consequateu, vehicula ac mauris.[/tab][/tab_box] [sourcecode] [[tab_box]] [[tab title="Tab 1"]Your Text[/tab]] [[tab title="Tab 2"]Your Text[/tab]] [[tab title="Tab 3"]Your Text[/tab]] [[/tab_box]] [/sourcecode]
1 comment
  • RubiancaJune 9, 2012 - 9:41 pm

    I am building some tabs into my website but the content goes down one row with every tab. What’s the problem?ReplyCancel