## slim.

Katherine

###### Form Wizards

Basic Content Wizard

Below is an example of a basic horizontal form wizard.

### Personal Information

Try the keyboard navigation by clicking arrow left or right!

### Billing Information

Wonderful transition effects.

### Payment Details

The next and previous buttons help you to navigate through your content.

Basic Wizard With Validation

A basic form wizard with form validation using Parsley js form validation plugin.

### Personal Information

Try the keyboard navigation by clicking arrow left or right!

Firstname: *
Lastname: *

### Billing Information

Wonderful transition effects.

Email: *

### Payment Details

The next and previous buttons help you to navigate through your content.

Vertical Orientation Wizard

A basic content wizard with vertical orientation.

### Personal Information

Try the keyboard navigation by clicking arrow left or right!

### Billing Information

Wonderful transition effects.

### Payment Details

The next and previous buttons help you to navigate through your content.

Equal Width Step Indicator

A basic wizard that adds a custom style to make the step indicator equal width.

### Personal Information

Try the keyboard navigation by clicking arrow left or right!

### Billing Information

Wonderful transition effects.

### Payment Details

The next and previous buttons help you to navigate through your content.

Custom Style Step Indicator

Below are a simple styles for step indicator of a wizard

### Personal Information

Try the keyboard navigation by clicking arrow left or right!

### Billing Information

Wonderful transition effects.

### Payment Details

The next and previous buttons help you to navigate through your content.

Custom Style Step Indicator: Circle

Below are a simple styles for step indicator of a wizard

### Personal Information

Try the keyboard navigation by clicking arrow left or right!

### Billing Information

Wonderful transition effects.

### Payment Details

The next and previous buttons help you to navigate through your content.