#### Form Wizard

#### Basic Example

######

### Keyboard

Try the keyboard navigation by clicking arrow left or right!

### Effects

Wonderful transition effects.

### Pager

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

#### Custom Design Example

######

###### Personal Info

First Name :
Last Name :
Email Address :
Phone Number :
Select City :
Date of Birth :

###### Job Status

Job Title :
Company Name :
Job Description :

###### Interview

Interview For :
Interview Type :
Location :
Interview Date :
Requirements :
Employee
Contract

###### Remark

Behaviour :
Confidance
Result
Comments
Rate Interviwer :
1 star
2 star
3 star
4 star
5 star

#### Step wizard with validation

You can us the validation like what we did

###### Step 1

First Name : *
Last Name : *
Email Address : *
Phone Number :
Select City : *
Date of Birth :

###### Step 2

Company Name :
Company URL :
Short Description :

###### Step 3

Interview For :
Interview Type :
Location :
Interview Date :
Requirements :
Employee
Contract

###### Step 4

Behaviour :
Confidance
Result
Comments
Rate Interviwer :
1 star
2 star
3 star
4 star
5 star

#### Step wizard Vertical

######

###### Personal Info

First Name :
Last Name :
Email Address :
Phone Number :
Select City :
Date of Birth :

###### Job Status

Job Title :
Company Name :
Job Description :

###### Interview

Interview For :
Interview Type :
Location :
Interview Date :
Requirements :
Employee
Contract

###### Remark

Behaviour :
Confidance
Result
Comments
Rate Interviwer :
1 star
2 star
3 star
4 star
5 star

#### Basic Form Example

######

### Account

User name * Password * Confirm Password *

(*) Mandatory

### Profile

First name * Last name * Email * Address

(*) Mandatory

### Hints

- Foo
- Bar
- Foobar

### Finish

I agree with the Terms and Conditions.

#### Advanced Form Example

######

### Account

##### Account Information

User name * Password * Confirm Password *

(*) Mandatory

### Profile

##### Profile Information

First name * Last name * Email * Address Age (The warning step will show up if age is less than 18) *

(*) Mandatory

### Warning

##### You are to young

Please go away ;-)

### Finish

##### Terms and Conditions

I agree with the Terms and Conditions.

#### Dynamic Manipulation Example

######

### Add Step

HTML Title *
HTML Content *

Add

(*) Mandatory

### Insert Step

Position (zero-based) *
HTML Title *
HTML Content *

Insert

(*) Mandatory

### Remove Step

Position (zero-based) *

Remove

(*) Mandatory

#### Vertical Steps Example

######

### Keyboard

Try the keyboard navigation by clicking arrow left or right!

### Effects

Wonderful transition effects.

### Pager

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

#### Settings

###### Theme

Light Dark

###### Theme Direction

LTR RTL

###### Theme Colors

###### Layout Type

Vertical
Horizontal

###### Container Option

Boxed Full

###### Sidebar Type

Full
Collapse

###### Card With

Border Shadow

##### Quick Page Links

- Analytics /dashboards/dashboard1
- eCommerce /dashboards/dashboard2
- CRM /dashboards/dashboard3
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop
- Modern /dashboards/dashboard1
- Dashboard /dashboards/dashboard2
- Contacts /apps/contacts
- Posts /apps/blog/posts
- Detail /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow
- Shop /apps/ecommerce/shop