third-party/smartwizard-1636c86/smartwizard2-vertical.htm

   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>
   5
   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>
   9
  10 <script type="text/javascript">
  11
  12     $(document).ready(function(){
  13         // Smart Wizard
  14                 $('#wizard').smartWizard({transitionEffect:'slide'});
  15                 });
  16 </script>
  17
  18 </head><body>
  19
  20 <table align="center" border="0" cellpadding="0" cellspacing="0">
  21 <tr><td>
  22 <!-- Tabs -->
  23                 <div id="wizard" class="swMain">
  24                         <ul>
  25                                 <li><a href="#step-1">
  26                 <span class="stepNumber">1</span>
  27                 <span class="stepDesc">
  28                    Step 1<br />
  29                    <small>Step 1 description</small>
  30                 </span>
  31             </a></li>
  32                                 <li><a href="#step-2">
  33                 <span class="stepNumber">2</span>
  34                 <span class="stepDesc">
  35                    Step 2<br />
  36                    <small>Step 2 description having some more text</small>
  37                 </span>
  38             </a></li>
  39                                 <li><a href="#step-3">
  40                 <span class="stepNumber">3</span>
  41                 <span class="stepDesc">
  42                    Step 3<br />
  43                    <small>Step 3 description</small>
  44                 </span>
  45              </a></li>
  46                                 <li><a href="#step-4">
  47                 <span class="stepNumber">4</span>
  48                 <span class="stepDesc">
  49                    Step 4<br />
  50                    <small>Step 4 description</small>
  51                 </span>
  52             </a></li>
  53                         </ul>
  54                         <div id="step-1">
  55             <h2 class="StepTitle">Step 1 Content</h2>
  56             <ul type="disk">
  57                                     <li>List 1</li>
  58                                     <li>List 2</li>
  59             </ul>
  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.
  65             </p>
  66             <p>
  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.
  72             </p>
  73             <p>
  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             </p>
  80         </div>
  81                         <div id="step-2">
  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.
  88             </p>
  89             <p>
  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.
  95             </p>
  96             <p>
  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             </p>
 103             <p>
 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             </p>
 110             <p>
 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             </p>
 117         </div>
 118                         <div id="step-3">
 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.
 125             </p>
 126             <p>
 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             </p>
 133         </div>
 134                         <div id="step-4">
 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.
 141             </p>
 142             <p>
 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             </p>
 149             <p>
 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             </p>
 156         </div>
 157                 </div>
 158
 159 <!-- End SmartWizard Content -->
 160
 161 </td></tr>
 162 </table>
 163
 164 </body>
 165 </html>