├── .gitignore ├── README.md ├── bower.json ├── images └── loader.gif ├── index.htm ├── js ├── jquery-2.0.0.min.js └── jquery.smartWizard.js ├── more_examples ├── services │ └── service.php ├── smartwizard2-ajax.htm └── smartwizard2-validation.php ├── package.json ├── smartwizard-autostep.htm ├── smartwizard2-ajax.htm ├── smartwizard2-multiple.htm ├── smartwizard2-validation.htm ├── smartwizard2-vertical.htm └── styles ├── demo_style.css ├── smart_wizard.css └── smart_wizard_vertical.css /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mstratman/jQuery-Smart-Wizard/1521955fbcbf09b55cefdd5ff51109417c0920d5/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # jQuery Smart Wizard 2 | 3 | Version 3 and later at 4 | http://mstratman.github.com/jQuery-Smart-Wizard/ 5 | 6 | *NOTE:* This is not being actively maintained. 7 | 8 | Original version 2 and earlier are from 9 | http://www.techlaboratory.net/products.php?product=smartwizard 10 | 11 | Licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License. 12 | http://creativecommons.org/licenses/by-sa/3.0/ 13 | 14 | ## Getting Started 15 | 16 | To see some examples, please visit http://mstratman.github.com/jQuery-Smart-Wizard/ 17 | 18 | Basic Usage: 19 | 20 | ```javascript 21 | $('#wizard').smartWizard(); 22 | ``` 23 | 24 | Using with option parameters: 25 | 26 | ```javascript 27 | $('#wizard').smartWizard({ 28 | // Properties 29 | selected: 0, // Selected Step, 0 = first step 30 | keyNavigation: true, // Enable/Disable key navigation(left and right keys are used if enabled) 31 | enableAllSteps: false, // Enable/Disable all steps on first load 32 | transitionEffect: 'fade', // Effect on navigation, none/fade/slide/slideleft 33 | contentURL:null, // specifying content url enables ajax content loading 34 | contentURLData:null, // override ajax query parameters 35 | contentCache:true, // cache step contents, if false content is fetched always from ajax url 36 | cycleSteps: false, // cycle step navigation 37 | enableFinishButton: false, // makes finish button enabled always 38 | hideButtonsOnDisabled: false, // when the previous/next/finish buttons are disabled, hide them instead 39 | errorSteps:[], // array of step numbers to highlighting as error steps 40 | labelNext:'Next', // label for Next button 41 | labelPrevious:'Previous', // label for Previous button 42 | labelFinish:'Finish', // label for Finish button 43 | noForwardJumping:false, 44 | ajaxType: 'POST', 45 | // Events 46 | onLeaveStep: null, // triggers when leaving a step 47 | onShowStep: null, // triggers when showing a step 48 | onFinish: null, // triggers when Finish button is clicked 49 | buttonOrder: ['finish', 'next', 'prev'] // button order, to hide a button remove it from the list 50 | }); 51 | ``` 52 | 53 | Parameters and Events are describing on the table below. 54 | 55 | ## Downloading Smart Wizard 3 56 | 57 | ### NodeJS npm 58 | 59 | ``` bash 60 | npm install git://github.com/mstratman/jQuery-Smart-Wizard.git --save-dev 61 | ``` 62 | 63 | 64 | ## Installing Smart Wizard 3 65 | 66 | ### Step 1: Include Files 67 | 68 | Include the following JavaScript and css files on your page. 69 | 70 | 1. jQuery Library file (Don't include if you already have it on your page) 71 | 2. CSS(Style Sheet) file for Smart Wizard 72 | 3. JavaScript plug-in file for Smart Wizard 73 | 74 | To include the files copy and paste the below lines inside the head tag (`
`) of your page. 75 | Make sure the paths to the files are correct with your working environment. 76 | 77 | ```html 78 | 79 | 80 | 81 | ``` 82 | 83 | ### Step 2: The JavaScript 84 | 85 | Inititialize the Smart Wizard, copy and paste the below lines inside the head tag (` `) of your page 86 | 87 | ```html 88 | 94 | ``` 95 | 96 | ### Step 3: The HTML 97 | 98 | Finally the html, below shows the HTML markup for the Smart Wizard, You can customize it by including your on contents for each steps. 99 | Copy and paste the below html inside the body tag (``) of your page. 100 | 101 | ```html 102 |Parameter Name | 300 |Description | 301 |Values | 302 |Default Value | 303 |
---|---|---|---|
selected | 306 |specify the initially-selected step | 307 |integer | 308 |0 | 309 |
keyNavigation | 312 |
313 | enable/disable key navigation.
314 | 315 | left/right keys are used if enabled 316 | |
317 |
318 | true = enabled
319 | 320 | false= disabled 321 | |
322 | true | 323 |
enableAllSteps | 326 |Enable/Disable all steps on first load | 327 |
328 | true = enabled
329 | 330 | false= disabled 331 | |
332 | false | 333 |
transitionEffect | 336 |Animation effect on step navigation | 337 |none/fade/slide/slideleft | 338 |fade | 339 |
contentURL | 342 |Setting this property will enable ajax content loading, setting null will disable ajax contents | 343 |null or a valid url | 344 |null | 345 |
contentURLData | 347 |with ContentURL set, use this property to override the ajax query parameters used when loading contents | 348 |null or a function that takes the new step number and returns an object to override ajax parameters | 349 |null | 350 |
contentCache | 354 |This property will enable caching of the content on ajax content mode. So the contents are fetched from the url only on first load of the step | 355 |
356 | true = enabled
357 | 358 | false= disabled 359 | |
360 | true | 361 |
cycleSteps | 364 |This property allows to cycle the navigation of steps | 365 |
366 | true = enabled
367 | 368 | false= disabled 369 | |
370 | false | 371 |
enableFinishButton | 374 |This property will make the finish button enabled always | 375 |
376 | true = enabled
377 | 378 | false= disabled 379 | |
380 | false | 381 |
hideButtonsOnDisabled | 384 |This property will hide the disabled buttons instead of just disabling them | 385 |
386 | true = enabled
387 | 388 | false= disabled 389 | |
390 | false | 391 |
errorSteps | 394 |an array of step numbers to highlighting as error steps | 395 |
396 | array of integers
397 | 398 | ex: [2,4] 399 | |
400 | [] | 401 |
labelNext | 404 |Label for Next button | 405 |String | 406 |Next | 407 |
labelPrevious | 410 |Label for Previous button | 411 |String | 412 |Previous | 413 |
labelFinish | 416 |Label for Finish button | 417 |String | 418 |Finish | 419 |
noForwardJumping | 422 |If true, automatically disable all steps following the current step.
423 | 424 | 425 | e.g. If I am on step 4, and click step 1, steps 2-4 will be disabled and I cannot jump back to 3 or 4, and can only proceed "next" to step 2. |
426 | Boolean | 427 |false | 428 |
ajaxType | 431 |The "type" parameter for ajax requests. | 432 |String | 433 |POST | 434 |
includeFinishButton | 437 |[DEPRECATED: This option will be removed in the next release] If true, adds a finish button | 438 |
439 | true = show
440 | 441 | false= don't show 442 | |
443 | true | 444 |
reverseButtonsOrder | 447 |[DEPRECATED: This option will be removed in the next release] If true, shows buttons ordered as: prev, next, finished | 448 |
449 | true = prev, next, finished
450 | 451 | false= finished, next, prev 452 | |
453 | false | 454 |
buttonOrder | 457 |Defines the display order of the buttons. To hide a button simply remove it from the list. | 458 |459 | String[] 460 | | 461 |['finish', 'next', 'prev'] | 462 |
Event Name | 471 |Description | 472 |Parameters | 473 |
---|---|---|
onLeaveStep | 476 |
477 | Triggers when leaving a step.
478 | 479 | 480 | This is a decision making event, based on its function return value (true/false) the current step navigation can be cancelled. 481 | |
482 |
483 | Object: object of the step anchor element.
484 | You can access the step number and step body element using this object.
485 | 486 | Object: Context information with keys: fromStep and toStep 487 | |
488 |
onShowStep | 491 |Triggers when showing a step. | 492 |
493 | Object: object of the step anchor element.
494 | You can access the step number and step body element using this object.
495 | 496 | Object: Context information with keys: fromStep and toStep 497 | |
498 |
onFinish | 501 |
502 | Triggers when the Finish button is clicked.
503 | 504 | 505 | This is a decision making event, based on its function return value (true/false) the further actions can be cancelled. 506 | 507 | 508 | e.g.: If the validation fails we can cancel form submitting and can show an error message. Please see the form validation example for the implementation 509 | 510 | 511 | If this callback is not set, clicking the finish button will submit the form in which the wizard is placed, and do nothing if a parent form is not found. 512 | |
513 | 514 | Object Array: an array of the object of all the step anchor elements 515 | Object: Context information with key: fromStep indicating which step the user was on when they clicked the finish button. 516 | | 517 |
Method Name | 535 |Arguments | 536 |Description | 537 |
---|---|---|
showMessage | 540 |String: the message to show. | 541 |Show a message in the action bar | 542 |
hideMessage | 545 |None | 546 |Hide the message in the action bar | 547 |
showError | 550 |Integer: the step number to highlight with an error. | 551 |This is a convenience wrapper around setError. | 552 |
hideError | 555 |Integer: the step number to un-highlight with an error. | 556 |This is a convenience wrapper around setError. | 557 |
setError | 560 |Object: with keys stepnum and iserror. | 561 |Set or unset error status on a particular step. Passing iserror as true sets the error. Passing in a false value turns off the error. | 562 |
goForward | 565 |None | 566 |Load the next step. | 567 |
goBackward | 570 |None | 571 |Load the previous step. | 572 |
goToStep | 575 |Integer - the step number to load | 576 |Load the specified step. | 577 |
enableStep | 580 |Integer - the step number to enable | 581 |Enable the specified step. | 582 |
disableStep | 585 |Integer - the step number to disable | 586 |Disable the specified step. | 587 |
currentStep | 590 |None | 591 |Returns the number of the current step. | 592 |
enableFinish | 595 |Boolean:
596 | 597 | 598 | true = enabled 599 | 600 | false= disabled 601 | |
602 | Returns the status of finish button after change. | 603 |
fixHeight | 606 |None | 607 |608 | Adjusts the height of the step contents for the current step. 609 | In general you won't need this, but it's useful if you are 610 | dynamically setting the contents. 611 | | 612 |
56 |
57 | Example: Basic Wizard58 |
59 |
186 |
187 |
188 |
90 |
116 | Step 1 Content91 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 96 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 97 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 98 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 99 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 100 | 101 |102 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 103 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 104 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 105 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 106 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 107 | 108 |109 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 110 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 111 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 112 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 113 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 114 | 115 |
117 |
146 | Step 2 Content118 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 119 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 120 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 121 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 122 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 123 | 124 |125 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 126 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 127 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 128 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 129 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 130 | 131 |132 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 133 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 134 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 135 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 136 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 137 | 138 |139 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 140 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 141 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 142 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 143 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 144 | 145 |
147 |
162 | Step 3 Content148 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 149 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 150 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 151 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 152 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 153 | 154 |155 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 156 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 157 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 158 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 159 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 160 | 161 |
163 |
185 | Step 4 Content164 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 165 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 166 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 167 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 168 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 169 | 170 |171 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 172 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 173 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 174 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 175 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 176 | 177 |178 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 179 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 180 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 181 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 182 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 183 | 184 | |
29 |
30 |
31 |
158 |
159 |
160 |
62 |
88 | Step 1 Content63 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 68 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 69 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 70 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 71 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 72 | 73 |74 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 75 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 76 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 77 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 78 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 79 | 80 |81 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 82 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 83 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 84 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 85 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 86 | 87 |
89 |
118 | Step 2 Content90 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 91 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 92 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 93 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 94 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 95 | 96 |97 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 98 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 99 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 100 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 101 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 102 | 103 |104 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 105 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 106 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 107 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 108 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 109 | 110 |111 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 112 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 113 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 114 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 115 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 116 | 117 |
119 |
134 | Step 3 Content120 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 121 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 122 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 123 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 124 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 125 | 126 |127 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 128 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 129 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 130 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 131 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 132 | 133 |
135 |
157 | Step 4 Content136 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 137 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 138 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 139 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 140 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 141 | 142 |143 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 144 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 145 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 146 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 147 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 148 | 149 |150 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 151 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 152 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 153 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 154 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 155 | 156 | |
159 | 160 | if(isset($_REQUEST['issubmit'])){ 161 | echo "form is sumbitted"; 162 | } 163 | 164 | ?> 165 | 166 | 316 | 317 | |
55 |
56 | Example: Basic Wizard57 |
58 |
59 |
156 |
157 |
158 |
60 |
86 | Step 1 Content61 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 66 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 67 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 68 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 69 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 70 | 71 |72 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 73 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 74 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 75 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 76 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 77 | 78 |79 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 80 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 81 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 82 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 83 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 84 | 85 |
87 |
116 | Step 2 Content88 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 89 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 90 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 91 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 92 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 93 | 94 |95 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 96 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 97 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 98 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 99 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 100 | 101 |102 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 103 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 104 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 105 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 106 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 107 | 108 |109 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 110 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 111 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 112 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 113 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 114 | 115 |
117 |
132 | Step 3 Content118 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 119 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 120 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 121 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 122 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 123 | 124 |125 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 126 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 127 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 128 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 129 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 130 | 131 |
133 |
155 | Step 4 Content134 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 135 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 136 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 137 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 138 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 139 | 140 |141 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 142 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 143 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 144 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 145 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 146 | 147 |148 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 149 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 150 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 151 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 152 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 153 | 154 | |
46 | Example: Ajax Contents47 |
48 | Please
49 | download
50 | and look in the
51 | |
67 | Example: Multiple Wizards68 | 69 |Wizard 170 |
71 |
198 |
199 |
102 |
128 | Step 1 Content103 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 108 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 109 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 110 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 111 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 112 | 113 |114 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 115 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 116 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 117 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 118 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 119 | 120 |121 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 122 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 123 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 124 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 125 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 126 | 127 |
129 |
158 | Step 2 Content130 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 131 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 132 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 133 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 134 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 135 | 136 |137 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 138 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 139 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 140 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 141 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 142 | 143 |144 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 145 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 146 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 147 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 148 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 149 | 150 |151 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 152 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 153 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 154 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 155 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 156 | 157 |
159 |
174 | Step 3 Content160 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 161 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 162 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 163 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 164 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 165 | 166 |167 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 168 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 169 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 170 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 171 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 172 | 173 |
175 |
197 | Step 4 Content176 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 177 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 178 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 179 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 180 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 181 | 182 |183 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 184 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 185 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 186 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 187 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 188 | 189 |190 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 191 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 192 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 193 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 194 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 195 | 196 |200 | Wizard 2201 | 202 | 203 |
204 |
331 |
332 |
333 |
235 |
261 | Step 1 Content236 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 241 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 242 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 243 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 244 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 245 | 246 |247 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 248 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 249 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 250 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 251 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 252 | 253 |254 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 255 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 256 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 257 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 258 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 259 | 260 |
262 |
291 | Step 2 Content263 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 264 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 265 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 266 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 267 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 268 | 269 |270 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 271 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 272 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 273 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 274 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 275 | 276 |277 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 278 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 279 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 280 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 281 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 282 | 283 |284 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 285 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 286 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 287 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 288 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 289 | 290 |
292 |
307 | Step 3 Content293 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 294 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 295 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 296 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 297 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 298 | 299 |300 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 301 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 302 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 303 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 304 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 305 | 306 |
308 |
330 | Step 4 Content309 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 310 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 311 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 312 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 313 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 314 | 315 |316 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 317 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 318 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 319 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 320 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 321 | 322 |323 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 324 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 325 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 326 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 327 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 328 | 329 | |
46 | Example: Step validation47 |
48 | Please
49 | download
50 | and look in the
51 | |
52 | Example: Vertical Style53 | 54 |
55 |
189 |
190 |
191 |
192 |
86 |
112 | Step 1 Content87 |
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 92 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 93 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 94 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 95 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 96 | 97 |98 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 99 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 100 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 101 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 102 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 103 | 104 |105 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 106 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 107 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 108 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 109 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 110 | 111 |
113 |
149 | Step 2 Content114 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 115 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 116 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 117 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 118 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 119 | 120 |121 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 122 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 123 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 124 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 125 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 126 | 127 |128 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 129 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 130 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 131 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 132 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 133 | 134 |135 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 136 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 137 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 138 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 139 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 140 | 141 |142 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 143 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 144 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 145 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 146 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 147 | 148 |
150 |
165 | Step 3 Content151 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 152 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 153 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 154 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 155 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 156 | 157 |158 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 159 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 160 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 161 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 162 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 163 | 164 |
166 |
188 | Step 4 Content167 |Lorem ipsum dolor sit amet, consectetur adipisicing elit, 168 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 169 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 170 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 171 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 172 | 173 |174 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 175 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 176 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 177 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 178 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 179 | 180 |181 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, 182 | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 183 | quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 184 | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 185 | Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 186 | 187 | |