Bootstrap
[columnContainer border=”yes”]
[column span=”span12″]
Accordion
[accordionGroup]
[accordionItem title=”Bootstrap accordion panel 1″ icon=”icon-github-alt”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus risus a est congue sagittis. In vel molestie nibh, nec malesuada arcu. Vivamus eleifend, dolor at tincidunt tincidunt, quam augue fringilla eros, id dictum velit lorem non velit. Fusce iaculis risus consequat, ornare lectus sit amet, molestie libero. In sit amet augue suscipit ante vulputate vulputate. Maecenas ullamcorper libero in magna feugiat tincidunt. Donec in mauris et nisi facilisis accumsan at vel nulla.
[button type=”small” color=”blue” textcolor=”white”]This is a button[/button]
[/accordionItem]
[accordionItem title=”Bootstrap accordion panel 2″ icon=”icon-warning-sign”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus risus a est congue sagittis. In vel molestie nibh, nec malesuada arcu. Vivamus eleifend, dolor at tincidunt tincidunt, quam augue fringilla eros, id dictum velit lorem non velit. Fusce iaculis risus consequat, ornare lectus sit amet, molestie libero. In sit amet augue suscipit ante vulputate vulputate. Maecenas ullamcorper libero in magna feugiat tincidunt. Donec in mauris et nisi facilisis accumsan at vel nulla.
[button type=”small” color=”green” textcolor=”white”]This is a button[/button]
[/accordionItem]
[accordionItem title=”Bootstrap accordion panel 3″ icon=”icon-cloud-download”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus risus a est congue sagittis. In vel molestie nibh, nec malesuada arcu. Vivamus eleifend, dolor at tincidunt tincidunt, quam augue fringilla eros, id dictum velit lorem non velit. Fusce iaculis risus consequat, ornare lectus sit amet, molestie libero. In sit amet augue suscipit ante vulputate vulputate. Maecenas ullamcorper libero in magna feugiat tincidunt. Donec in mauris et nisi facilisis accumsan at vel nulla.
[button type=”small” color=”orange” textcolor=”white”]This is a button[/button]
[/accordionItem]
[/accordionGroup]
(accordionGroup)
(accordionItem title=”Bootstrap accordion panel 1″ icon=”icon-github-alt”)Content goes here(/accordionItem)
(accordionItem title=”Bootstrap accordion panel 2″ icon=”icon-github-alt”)Content goes here(/accordionItem)
(accordionItem title=”Bootstrap accordion panel 3″ icon=”icon-github-alt”)Content goes here(/accordionItem)
(/accordionGroup)
[/column]
[/columnContainer]
[columnContainer]
[column span=”span12″]
Tabs
[tabItem title=”Tab Number One”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempus risus a est congue sagittis. In vel molestie nibh, nec malesuada arcu. Vivamus eleifend, dolor at tincidunt tincidunt, quam augue fringilla eros, id dictum velit lorem non velit. Fusce iaculis risus consequat, ornare lectus sit amet, molestie libero. In sit amet augue suscipit ante vulputate vulputate. Maecenas ullamcorper libero in magna feugiat tincidunt. Donec in mauris et nisi facilisis accumsan at vel nulla.
[/tabItem]
[tabItem title=”Tab Number Two”]
Sed mollis, risus at elementum luctus, velit mi porttitor diam, eget condimentum metus purus eu leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce mollis lectus aliquam velit iaculis adipiscing. Pellentesque nec lobortis dolor. Duis a porttitor purus. Praesent tincidunt imperdiet volutpat. Vestibulum vitae euismod libero, id aliquet nisi. Aliquam erat volutpat. Nullam nec lorem consectetur, sollicitudin dui id, ultrices est. Nulla facilisi. Pellentesque eleifend eu quam vel auctor. Sed rhoncus massa ante, ut egestas dolor adipiscing id. Maecenas vel sagittis libero. Maecenas accumsan ornare erat, eget viverra turpis adipiscing ac.
[/tabItem]
[tabItem title=”Tab Number Three”]
Nullam dignissim, diam pretium volutpat accumsan, magna odio feugiat magna, convallis molestie tellus odio nec dui. Cras convallis non est in condimentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nunc ligula, iaculis quis eleifend dapibus, elementum in magna. Ut sollicitudin imperdiet lectus nec interdum. Ut scelerisque lectus odio, posuere accumsan massa posuere eu. Fusce bibendum eu neque ut tempus. Proin eget mi vel libero ullamcorper blandit. Ut quis elementum arcu. Donec feugiat lobortis arcu, vitae laoreet dui varius et. Phasellus vehicula viverra elementum. Aliquam ut urna et nisi venenatis elementum in at diam. Morbi non rutrum metus. Nullam mattis tempor nisi, eget sodales nisl accumsan at.
[/tabItem]
(tabGroup)
(tabItem title=”Tab Number One”)Content goes here(/tabItem)
(tabItem title=”Tab Number Two”)Content goes here(/tabItem)
(tabItem title=”Tab Number Three”)Content goes here(/tabItem)
(/tabGroup)
[/column]
[/columnContainer]