1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml"><head>
3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 <title>Smart Wizard 2 - Vertical Style Example - a javascript jQuery wizard control plugin</title>
6 <link href="styles/smart_wizard_vertical.css" rel="stylesheet" type="text/css">
7 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
8 <script type="text/javascript" src="js/jquery.smartWizard-2.0.min.js"></script>
10 <script type="text/javascript">
12 $(document).ready(function(){
14 $('#wizard').smartWizard({transitionEffect:'slide'});
20 <table align="center" border="0" cellpadding="0" cellspacing="0">
23 <div id="wizard" class="swMain">
25 <li><a href="#step-1">
26 <span class="stepNumber">1</span>
27 <span class="stepDesc">
29 <small>Step 1 description</small>
32 <li><a href="#step-2">
33 <span class="stepNumber">2</span>
34 <span class="stepDesc">
36 <small>Step 2 description having some more text</small>
39 <li><a href="#step-3">
40 <span class="stepNumber">3</span>
41 <span class="stepDesc">
43 <small>Step 3 description</small>
46 <li><a href="#step-4">
47 <span class="stepNumber">4</span>
48 <span class="stepDesc">
50 <small>Step 4 description</small>
55 <h2 class="StepTitle">Step 1 Content</h2>
60 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
61 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
62 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
63 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
64 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
67 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.
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.
82 <h2 class="StepTitle">Step 2 Content</h2>
83 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
84 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
85 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
86 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
87 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
90 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.
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.
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.
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.
119 <h2 class="StepTitle">Step 3 Content</h2>
120 <p>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.
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.
135 <h2 class="StepTitle">Step 4 Content</h2>
136 <p>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.
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.
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.
159 <!-- End SmartWizard Content -->