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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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