Tabs

This element allows you to integrate tabbed content in your page. Below are samples of tabs.

Sample 1

Tab 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tab 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tab 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 2

Tab Title

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tab Title

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tab Title

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Style

Samples of tabs style options.

Sample 1

Tab 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tab 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tab 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 2

Tab Title

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tab Title

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Tab Title

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Border

Samples of border options.

Sample 1: Border

Border 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Border 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Border 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 2: No Border

No Border 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Border 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Border 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Icon

Samples of icon options.

Sample 1: Icons

Icons 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Icons 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Icons 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Icons 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 2: No Icons

No Icons 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Icons 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Icons 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

No Icons 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Align

Samples of tabs alignment options.

Sample 1:  Left Align

Left 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Left 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Left 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Left 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 2: Center Align

Center 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Center 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Center 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Center 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Center 5

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Center 6

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Sample 3: Right Align

Right 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Right 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Right 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Right 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Right 5

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Css Animation

Samples of some css animation effects.


Sample : Slide Up

Slide Up 1

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Slide Up 2

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Slide Up 3

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Slide Up 4

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).

Slide Up 5

There are three actions of  click event, you can choose from their when you generate shortcode, they are like (None, Open Link, Show Details) with ability to customizedstyle of  details area by several options like (Padding, Background Color, Close Button Color, Border (enabled, disabled), Border Color, Logo Border (enabled, disabled), Logo Border Color, Logo Background Color).