## Vertical Tabs

- Horizontal Tabs
- Vertical Tabs
- External Linking
- Tab Icons
- Nested Tabs

- Add a Tab
- Remove a Tab
- Settings

- Settings

- ### Alignment:

  - Top/Left
  - Bottom/Right

- ### Directional Buttons:

  - Click Tabs
  - Slide Tabs

- ### Mouse Scroll Wheel:

  - Enabled
  - Disabled

- ### Tabs Animation Speed:

  - Slow
  - Normal
  - Fast

- ### Content Animation Speed:

  - Slow
  - Normal
  - Fast

- ### Content Animation:

- Apply Settings

prev next

- Lorem Ipsum Elementum est fringilla augue
- Dolor Sit Amet Elementum est fringilla augue
- Consectetur Elementum est fringilla augue
- Adipisicing et Elit Elementum est fringilla augue
- Eiusmod Proident Elementum est fringilla augue
- Exercitation Elementum est fringilla augue
- Voluptate Velit Elementum est fringilla augue
- Sodales a Magna Elementum est fringilla augue
- Fermentum Elementum est fringilla augue
- Curabitur Erat Elementum est fringilla augue

### Lorem Ipsum

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Dolor Sit Amet

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Consectetur

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Adipisicing et Elit

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Eiusmod Proident

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Exercitation

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Voluptate Velit

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Sodales a Magna

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Fermentum

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

### Curabitur Erat

Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto quasi . vitae dicta sunt explicabo nemo. Enim voluptatem non ultricies dicta sunt etiam eget mi enim, non ultricies nisi voluptatem vitae dicta sunt explicabo. architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem non ultricies.

> Aenean eu leo quam. Pellentesque ornare lacinia quam . Venenatis ligula aperiam porta felis ornare.

Sed ut perspiciatis unde omnis iste natus voluptas voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo. Etiam eget mi enim, non ultricies nisi voluptatem.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis top praesentium voluptatum delen atque. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo, nemo enim ipsam voluptatem quia voluptas sit asperna.

## FEATURES

- Display Any Number of Tabs Unlimited number of tabs and no size limits.
- Display Any Type of Content HTML, including text, images, videos, forms, maps or plugins like sliders.
- Customizable Templates Use one of the included templates, or create your own.
- Open tabs via external links or the URL The tabs can be linked to anywhere on the page.
- Mobile Touchscreen Support Both the tabs and the content have support for touchscreen interaction.
- API and Callback Functions API controls and callback functions for additional control of the tabs.
- Autoplay support Automatically play through the tabs when visitors arrive on your website.
- Animation Settings Choose animation settings and easing effects for the tabs and content.

- Multiple Layouts The tabs can be placed horizontally or vertically.
- Content via AJAX Load external content dynamically with AJAX requests.
- Search Engine Friendly HTML code is easily indexed by search engines.
- Auto Height Adjustment For content with different height, you can enable the auto-height setting.
- Slide Control Useful feature for controlling the number of tabs to slide at the time.
- Loop Sliding Create a carousel by looping back to the first/last tab at the end.
- Save the Active Tab Save the current tab in a cookie so it can be re-opened when the page loads.
- Cross-Browser Support Compatible with all browsers.