@extends('layouts/contentLayoutMaster') @section('title', 'Form Wizard') @section('page-style') @endsection @section('content') Form wizard with number tabs Create neat and clean form wizard using .wizard-circle class. Step 1 First Name Last Name Email City New York Chicago San Francisco Boston Step 2 Proposal Title Job Title Short Description : Step 3 Event Name : Event Status : Planning In Process Finished Event Location : New York Chicago San Francisco Boston Requirements : Staffing Catering Form wizard with icon tabs Add .icons-tab-steps class to get desired icons in tab. Step 1 First Name Last Name Email City New York Chicago San Francisco Boston Step 2 Proposal Title Job Title Short Description : Step 3 Event Name : Event Status : Planning In Process Finished Event Location : New York Chicago San Francisco Boston Requirements : Staffing Catering Validation Example Step 1 First Name Last Name Email City New York Chicago San Francisco Boston Step 2 Proposal Title Job Title Short Description Step 3 Event Name Event Status Planning In Progress Finished Event Location New York Chicago San Francisco Boston Requirements : Staffing Catering @endsection @section('vendor-script') @endsection @section('page-script') @endsection
Create neat and clean form wizard using .wizard-circle class.
.wizard-circle
Add .icons-tab-steps class to get desired icons in tab.
.icons-tab-steps