Tabs Align Left Style
- First Tab
- Second Tab
- Third Tab
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
Tabs Align Center Style
- First Tab
- Second Tab
- Third Tab
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
Tabs Style 2 Top + Align Center Style
- Database
- Cubes
- Desktop
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
Tabs Style 2 Bottom + Align Center Style
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
- Database
- Cubes
- Desktop
Tabs Style 3 Top + Align Center Style
- Database
- Cubes
- No title!
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
Tabs Shortcode
[tabs align="left" effect="fadeInUp" ] [tabs_item title="Third Tab" icon="fa-heart"]...[/tabs_item] ... [/tabs]
| Params | Default | Possible Values | Description |
|---|---|---|---|
| style | 1 | 1, 2, 3, 4 |
The tabs style |
| align | left | left, center, right |
The tabs align style |
| position | top | top, bottom |
The tabs nav position |
| effect | none | none, bounce, flash, pulse, rubberBand, shake, swing, tada, wobble, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flip, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, hinge, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp |
The tabs item show effect |
SideTabs Align Left Style
- First SideTab
- Second SideTab
- Third SideTab
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
SideTabs Align Right Style
- First SideTab
- Second SideTab
- Third SideTab
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
SideTabs Shortcode
[sidetabs align="left" effect="fadeInUp" ] [sidetabs_item title="Third Tab" icon="fa-heart"]...[/sidetabs_item] ... [/sidetabs]
| Params | Default | Possible Values | Description |
|---|---|---|---|
| align | left | left, right |
The sidetabs align style |
| effect | none | none, bounce, flash, pulse, rubberBand, shake, swing, tada, wobble, bounceIn, bounceInDown, bounceInLeft, bounceInRight, bounceInUp, bounceOut, bounceOutDown, bounceOutLeft, bounceOutRight, bounceOutUp, fadeIn, fadeInDown, fadeInDownBig, fadeInLeft, fadeInLeftBig, fadeInRight, fadeInRightBig, fadeInUp, fadeInUpBig, fadeOut, fadeOutDown, fadeOutDownBig, fadeOutLeft, fadeOutLeftBig, fadeOutRight, fadeOutRightBig, fadeOutUp, fadeOutUpBig, flip, flipInX, flipInY, flipOutX, flipOutY, lightSpeedIn, lightSpeedOut, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, hinge, rollIn, rollOut, zoomIn, zoomInDown, zoomInLeft, zoomInRight, zoomInUp, zoomOut, zoomOutDown, zoomOutLeft, zoomOutRight, zoomOutUp |
The sidetabs item show effect |