Loading, please wait...

ARTDESIGN TABS

STYLES

Default

Default 1
Default 2
Default 3
Content 1
Content 2
Content 3
<div data-plugin-ad-tabs="ad-tabs">
    <div>
        <div data-ad-tabs-status="Open">Default 1</div>
        <div>Default 2</div>
        <div>Default 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>

Full Color Default

Full Color Default 1
Full Color Default 2
Full Color Default 3
Content 1
Content 2
Content 3
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-buttons-options="FullColorDefault">
    <div>
        <div data-ad-tabs-status="Open">Full Color Default 1</div>
        <div>Full Color Default 2</div>
        <div>Full Color Default 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>

Colors

Blue 1
Blue 2
Blue 3
Content 1
Content 2
Content 3
Red 1
Red 2
Red 3
Content 1
Content 2
Content 3
Green 1
Green 2
Green 3
Content 1
Content 2
Content 3
Yellow 1
Yellow 2
Yellow 3
Content 1
Content 2
Content 3
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Blue" data-ad-tabs-buttons-options="Blue">
    <div>
        <div data-ad-tabs-status="Open">Blue 1</div>
        <div>Blue 2</div>
        <div>Blue 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Red" data-ad-tabs-buttons-options="Red">
    <div>
        <div data-ad-tabs-status="Open">Red 1</div>
        <div>Red 2</div>
        <div>Red 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Green" data-ad-tabs-buttons-options="Green">
    <div>
        <div data-ad-tabs-status="Open">Green 1</div>
        <div>Green 2</div>
        <div>Green 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Yellow" data-ad-tabs-buttons-options="Yellow">
    <div>
        <div data-ad-tabs-status="Open">Yellow 1</div>
        <div>Yellow 2</div>
        <div>Yellow 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>

Full Colors

Full Blue 1
Full Blue 2
Full Blue 3
Content 1
Content 2
Content 3
Full Red 1
Full Red 2
Full Red 3
Content 1
Content 2
Content 3
Full Green 1
Full Green 2
Full Green 3
Content 1
Content 2
Content 3
Full Yellow 1
Full Yellow 2
Full Yellow 3
Content 1
Content 2
Content 3
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Blue" data-ad-tabs-buttons-options="FullBlue">
    <div>
        <div data-ad-tabs-status="Open">Full Blue 1</div>
        <div>Full Blue 2</div>
        <div>Full Blue 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Red" data-ad-tabs-buttons-options="FullRed">
    <div>
        <div data-ad-tabs-status="Open">Full Red 1</div>
        <div>Full Red 2</div>
        <div>Full Red 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Green" data-ad-tabs-buttons-options="FullGreen">
    <div>
        <div data-ad-tabs-status="Open">Full Green 1</div>
        <div>Full Green 2</div>
        <div>Full Green 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Yellow" data-ad-tabs-buttons-options="FullYellow">
    <div>
        <div data-ad-tabs-status="Open">Full Yellow 1</div>
        <div>Full Yellow 2</div>
        <div>Full Yellow 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>

Classic

Classic 1
Classic 2
Classic 3
Content 1
Content 2
Content 3
Classic Blue 1
Classic Blue 2
Classic Blue 3
Content 1
Content 2
Content 3
Classic Red 1
Classic Red 2
Classic Red 3
Content 1
Content 2
Content 3
Classic Green 1
Classic Green 2
Classic Green 3
Content 1
Content 2
Content 3
Classic Yellow 1
Classic Yellow 2
Classic Yellow 3
Content 1
Content 2
Content 3
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Classic" data-ad-tabs-buttons-options="Classic, BorderRadiusDisable, ClassicTabs">
    <div>
        <div data-ad-tabs-status="Open" data-ad-tabs-buttons-options="BorderRadiusTopLeft">Classic 1</div>
        <div>Classic 2</div>
        <div data-ad-tabs-buttons-options="BorderRadiusTopRight">Classic 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Blue" data-ad-tabs-buttons-options="ClassicBlue, BorderRadiusDisable, ClassicTabs">
    <div>
        <div data-ad-tabs-status="Open" data-ad-tabs-buttons-options="BorderRadiusTopLeft">Classic Blue 1</div>
        <div>Classic Blue 2</div>
        <div data-ad-tabs-buttons-options="BorderRadiusTopRight">Classic Blue 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Red" data-ad-tabs-buttons-options="ClassicRed, BorderRadiusDisable, ClassicTabs">
    <div>
        <div data-ad-tabs-status="Open" data-ad-tabs-buttons-options="BorderRadiusTopLeft">Classic Red 1</div>
        <div>Classic Red 2</div>
        <div data-ad-tabs-buttons-options="BorderRadiusTopRight">Classic Red 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Green" data-ad-tabs-buttons-options="ClassicGreen, BorderRadiusDisable, ClassicTabs">
    <div>
        <div data-ad-tabs-status="Open" data-ad-tabs-buttons-options="BorderRadiusTopLeft">Classic Green 1</div>
        <div>Classic Green 2</div>
        <div data-ad-tabs-buttons-options="BorderRadiusTopRight">Classic Green 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>
<div data-plugin-ad-tabs="ad-tabs" data-ad-tabs-options="Yellow" data-ad-tabs-buttons-options="ClassicYellow, BorderRadiusDisable, ClassicTabs">
    <div>
        <div data-ad-tabs-status="Open" data-ad-tabs-buttons-options="BorderRadiusTopLeft">Classic Yellow 1</div>
        <div>Classic Yellow 2</div>
        <div data-ad-tabs-buttons-options="BorderRadiusTopRight">Classic Yellow 3</div>
    </div>
    <div>
        <div>Content 1</div>
        <div>Content 2</div>
        <div>Content 3</div>
    </div>
</div>