Tabs pane
These shortcodes are used to organize your content in a tabbed pane.
[tabs]
[tab title="First Tab"] Tab content here [/tab]
[tab title="Second Tab"] Tab content here [/tab]
[tab title="Third Tab"] Tab content here [/tab]
[/tabs]
Lorem One dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Praesent vestibulum nulla a nulla ullamcorper lobortis vitae non nibh. Suspendisse eget magna vitae sapien pharetra sagittis. Aenean tincidunt, erat non laoreet molestie, arcu leo convallis eros, at laoreet lorem nibh non tellus.
Nunc mollis fringilla orci, id lobortis magna semper eu. Fusce adipiscing laoreet mattis. Nam ac egestas libero. Curabitur in risus nec enim euismod pharetra eget vitae lacus. Fusce eget est mi, vitae eleifend dui. Sed vel orci felis.
Accordion
These shortcodes are used to organize your content in an accordion panels.
[accordion]
[tab title="First"] Tab content here [/tab]
[tab title="Second "] Tab content here [/tab]
[tab title="Third"] Tab content here [/tab]
[/accordion]
First
Lorem One dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Second
Praesent vestibulum nulla a nulla ullamcorper lobortis vitae non nibh. Suspendisse eget magna vitae sapien pharetra sagittis. Aenean tincidunt, erat non laoreet molestie, arcu leo convallis eros, at laoreet lorem nibh non tellus.
Third
Nunc mollis fringilla orci, id lobortis magna semper eu. Fusce adipiscing laoreet mattis. Nam ac egestas libero. Curabitur in risus nec enim euismod pharetra eget vitae lacus. Fusce eget est mi, vitae eleifend dui. Sed vel orci felis.
Table style
The table shortcode is used to enclose the html table within the opening and closing tags to provide it custom styling.
| Serial | Product | Production | Market share |
|---|---|---|---|
| 1. | Apples | 44% | 50% |
| 2. | Oranges | 21% | 30% |
| 3. | Plums | 18% | 20% |
[table headerbg="#005B89" headercolor="#ffffff" rowbg="#ffffff" rowcolor="#00496B" row2bg="#E1EEF4" row2color="#00496B"] html table here [/table]
| Product | Production |
|---|---|
| Apples | 44% |
| Oranges | 21% |
| Plums | 18% |
[table headerbg="#008945" headercolor="#ffffff" rowbg="#ffffff" rowcolor="#006b34" row2bg="#e1f4e2" row2color="#006b34"] html table here [/table]
| Product | Production |
|---|---|
| Apples | 44% |
| Oranges | 21% |
| Plums | 18% |
[table headerbg="#895200" headercolor="#ffffff" rowbg="#f4ece1" rowcolor="#6b3f00"] html table here [/table]
| Product | Production |
|---|---|
| Apples | 44% |
| Oranges | 21% |
| Plums | 18% |
[table headerbg="#de0008" headercolor="#ffffff" rowbg="#ffffff" rowcolor="#333333" row2bg="#f0efef" row2color="#333333" border="1" bordercolor="#de0008"] html table here [/table]
| Product | Production |
|---|---|
| Apples | 44% |
| Oranges | 21% |
| Plums | 18% |
[table headerbg="#3c3c3c" headercolor="#ffffff" rowbg="#f0efef" rowcolor="#6b3f00" border="1" bordercolor="#3c3c3c" borderstyle="dotted"] html table here [/table]
