Tabs
Estrutura padrão:
Adicione a class tabs a sua div, e escolha qual a configuração dela:
- default
- custom-1
- custom-2
Você escolhe o nome da página no atributo data-title
Default

Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus. Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit. Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt.

Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt. Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus. Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu ipsum, vulputate ac est quis, volutpat ultrices lectus. Suspendisse potenti. Etiam convallis mattis metus, ac posuere tortor sodales quis. Maecenas molestie justo dui, eget placerat eros fermentum eget. Cras arcu nulla, bibendum tincidunt leo eget, consectetur molestie justo. Praesent luctus et velit in placerat. Integer luctus mollis elit id ullamcorper. Donec ut neque non ipsum pulvinar ultricies. Sed venenatis porta dui a vestibulum. Donec tincidunt lectus vel lorem maximus ullamcorper. In eleifend vehicula risus vel ultrices.
Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit. Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt. Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus.
Custom-1

Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus. Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit. Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt.

Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt. Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus. Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu ipsum, vulputate ac est quis, volutpat ultrices lectus. Suspendisse potenti. Etiam convallis mattis metus, ac posuere tortor sodales quis. Maecenas molestie justo dui, eget placerat eros fermentum eget. Cras arcu nulla, bibendum tincidunt leo eget, consectetur molestie justo. Praesent luctus et velit in placerat. Integer luctus mollis elit id ullamcorper. Donec ut neque non ipsum pulvinar ultricies. Sed venenatis porta dui a vestibulum. Donec tincidunt lectus vel lorem maximus ullamcorper. In eleifend vehicula risus vel ultrices.
Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit. Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt. Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus.
Custom-2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu ipsum, vulputate ac est quis, volutpat ultrices lectus. Suspendisse potenti. Etiam convallis mattis metus, ac posuere tortor sodales quis. Maecenas molestie justo dui, eget placerat eros fermentum eget. Cras arcu nulla, bibendum tincidunt leo eget, consectetur molestie justo. Praesent luctus et velit in placerat. Integer luctus mollis elit id ullamcorper. Donec ut neque non ipsum pulvinar ultricies. Sed venenatis porta dui a vestibulum. Donec tincidunt lectus vel lorem maximus ullamcorper. In eleifend vehicula risus vel ultrices.
Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit. Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt. Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus.

Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt. Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus. Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit.

Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus. Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit. Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt.
Custom-3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc arcu ipsum, vulputate ac est quis, volutpat ultrices lectus. Suspendisse potenti. Etiam convallis mattis metus, ac posuere tortor sodales quis. Maecenas molestie justo dui, eget placerat eros fermentum eget. Cras arcu nulla, bibendum tincidunt leo eget, consectetur molestie justo. Praesent luctus et velit in placerat. Integer luctus mollis elit id ullamcorper. Donec ut neque non ipsum pulvinar ultricies. Sed venenatis porta dui a vestibulum. Donec tincidunt lectus vel lorem maximus ullamcorper. In eleifend vehicula risus vel ultrices.
Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit. Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt. Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus.

Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt. Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus. Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit.

Vivamus rutrum tellus id lacus aliquet, non suscipit urna semper. Sed condimentum ex eget velit molestie dapibus. Cras urna leo, dignissim ac venenatis a, tempus a nibh. Morbi a urna ut nulla vehicula venenatis. Nullam ac sapien ornare, accumsan lorem egestas, elementum ligula. Morbi molestie augue sem, vitae semper turpis sollicitudin id. Nam bibendum, odio consequat imperdiet tristique, ex diam maximus sapien, eu consectetur libero purus malesuada urna. Quisque congue, turpis consectetur bibendum volutpat, est ipsum tempor ligula, vehicula varius sem nibh ac libero. Nulla tempor eleifend urna ac blandit. Nunc efficitur eleifend faucibus. Mauris tincidunt turpis nunc, vulputate volutpat risus consectetur id. Pellentesque vel risus eu nunc rutrum tincidunt.
Aplicação em um formulário
Formulário Step By Step
Com o data-type = "stepByStep", só permite mudar de aba se os campos obrigatórios da tab forem preenchidos
Formulário normal