Use any number of tabs shortcodes within your Joomla articles or modules.
They can easily be added inside the editor by using [yjsgfa name="fa fa-picture-o"] Tabs shortcode form located under text editor or by adding shortcodes directly.

examples:

Tabnav


[yjsgstabs id="tabs1" type="tabnav"]
[yjsgstabsgroup title="Tab title" active="1"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Pellentesque placerat nisl sed pulvinar consectetur.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.

[/yjsgstabsgroup]
[/yjsgstabs]

Tabpills


[yjsgstabs id="tabs2" type="tabpills"]
[yjsgstabsgroup title="Tab title" active="1"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis.Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[/yjsgstabs]

Tabs left


[yjsgstabs id="tabs3" type="tabsleft"]
[yjsgstabsgroup title="Tab title" active="1"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[/yjsgstabs]

Tabs right


[yjsgstabs id="tabs4" type="tabsright"]
[yjsgstabsgroup title="Tab title" active="1"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[/yjsgstabs]

Tabs centered


[yjsgstabs id="tabs5" type="tabscentered"]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="1"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[yjsgstabsgroup title="Tab title" active="0"]

Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien.Nulla ut est tincidunt, ultrices arcu et, molestie libero. Pellentesque egestas dignissim quam vel pretium. Fusce elementum vulputate sapien. Etiam eget nisl a tortor elementum mollis. Pellentesque placerat nisl sed pulvinar consectetur.

[/yjsgstabsgroup]
[/yjsgstabs]

shortcode:

[yjsgpre pretty="1" scroll="0"] {yjsgstabs id="tabs5" type="tabnav"}//tabnav|tabpills|tabsleft|tabsright|tabscentered {yjsgstabsgroup title="Tab title" active="1"}Tab content goes here...{/yjsgstabsgroup} {yjsgstabsgroup title="Tab title" active="0"}Tab content goes here...{/yjsgstabsgroup} {yjsgstabsgroup title="Tab title" active="0"}Tab content goes here...{/yjsgstabsgroup} {/yjsgstabs}[/yjsgpre]