mirror of https://github.com/ColorlibHQ/gentelella
commit
7bddb3abb4
|
@ -1,191 +0,0 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Smart Wizard 2 - Basic Example - a javascript jQuery wizard control plugin</title>
|
||||
<link href="styles/demo_style.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="styles/smart_wizard.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.smartWizard.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
// Smart Wizard
|
||||
$('#wizard').smartWizard();
|
||||
|
||||
function onFinishCallback(){
|
||||
$('#wizard').smartWizard('showMessage','Finish Clicked');
|
||||
//alert('Finish Clicked');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
|
||||
<div class="demoHead">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h1>Smart Wizard 3</h1>
|
||||
<h2>a javascript jQuery wizard control plugin</h2>
|
||||
</div>
|
||||
<div style="float:right;" class="demoNavLinks">
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/tarball/master" class="btn">Download</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/blob/master/README.md" class="btn">Documentation</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard" class="btn">Github</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top:15px;">
|
||||
<div style="float:left"><h3>Examples:</h3></div>
|
||||
<div style="float:left" class="demoExampleLinks">
|
||||
<a href="index.htm" class="btn selected">Basic Example</a>
|
||||
<a href="smartwizard2-vertical.htm" class="btn">Vertical Style</a>
|
||||
<a href="smartwizard2-multiple.htm" class="btn">Multiple Wizards</a>
|
||||
<a href="smartwizard2-ajax.htm" class="btn">Ajax Contents</a>
|
||||
<a href="smartwizard2-validation.htm" class="btn">Step Validation</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr><td>
|
||||
<!-- Smart Wizard -->
|
||||
<h2>Example: Basic Wizard</h2>
|
||||
<div id="wizard" class="swMain">
|
||||
<ul>
|
||||
<li><a href="#step-1">
|
||||
<label class="stepNumber">1</label>
|
||||
<span class="stepDesc">
|
||||
Step 1<br />
|
||||
<small>Step 1 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-2">
|
||||
<label class="stepNumber">2</label>
|
||||
<span class="stepDesc">
|
||||
Step 2<br />
|
||||
<small>Step 2 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-3">
|
||||
<label class="stepNumber">3</label>
|
||||
<span class="stepDesc">
|
||||
Step 3<br />
|
||||
<small>Step 3 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-4">
|
||||
<label class="stepNumber">4</label>
|
||||
<span class="stepDesc">
|
||||
Step 4<br />
|
||||
<small>Step 4 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<div id="step-1">
|
||||
<h2 class="StepTitle">Step 1 Content</h2>
|
||||
<ul type="disk">
|
||||
<li>List 1</li>
|
||||
<li>List 2</li>
|
||||
</ul>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-2">
|
||||
<h2 class="StepTitle">Step 2 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-3">
|
||||
<h2 class="StepTitle">Step 3 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-4">
|
||||
<h2 class="StepTitle">Step 4 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End SmartWizard Content -->
|
||||
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -1,65 +0,0 @@
|
|||
<?
|
||||
$action = $_REQUEST["action"];
|
||||
switch($action){
|
||||
case "1":
|
||||
getContent();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
function getContent(){
|
||||
//sleep(1);
|
||||
$step_number = $_REQUEST["step_number"];
|
||||
$html = '<h2 class="StepTitle">Step '.$step_number.' Content</h2>';
|
||||
if($step_number == 1){
|
||||
$html .='<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>';
|
||||
}elseif($step_number == 2){
|
||||
$html .='<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>';
|
||||
}elseif($step_number == 3){
|
||||
$html .='<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>';
|
||||
}else{
|
||||
$html .='<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>';
|
||||
}
|
||||
echo $html;
|
||||
}
|
||||
|
||||
?>
|
|
@ -1,163 +0,0 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Smart Wizard 2 - Ajax Contents Example - a javascript jQuery wizard control plugin</title>
|
||||
<link href="styles/demo_style.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="styles/smart_wizard.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.smartWizard.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
// Smart Wizard
|
||||
$('#wizard').smartWizard({contentURL:'services/service.php?action=1',transitionEffect:'slideleft',onFinish:onFinishCallback});
|
||||
|
||||
function onFinishCallback(){
|
||||
alert('Finish Called');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head><body>
|
||||
|
||||
<div class="demoHead">
|
||||
<h2>Ajax Contents Example</h2>
|
||||
</div>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr><td>
|
||||
<!-- Smart Wizard -->
|
||||
<div id="wizard" class="swMain">
|
||||
<ul>
|
||||
<li><a href="#step-1">
|
||||
<label class="stepNumber">1</label>
|
||||
<span class="stepDesc">
|
||||
Step 1<br />
|
||||
<small>Step 1 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-2">
|
||||
<label class="stepNumber">2</label>
|
||||
<span class="stepDesc">
|
||||
Step 2<br />
|
||||
<small>Step 2 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-3">
|
||||
<label class="stepNumber">3</label>
|
||||
<span class="stepDesc">
|
||||
Step 3<br />
|
||||
<small>Step 3 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-4">
|
||||
<label class="stepNumber">4</label>
|
||||
<span class="stepDesc">
|
||||
Step 4<br />
|
||||
<small>Step 4 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<div id="step-1">
|
||||
<h2 class="StepTitle">Step 1 Content</h2>
|
||||
<ul type="disk">
|
||||
<li>List 1</li>
|
||||
<li>List 2</li>
|
||||
</ul>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-2">
|
||||
<h2 class="StepTitle">Step 2 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-3">
|
||||
<h2 class="StepTitle">Step 3 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-4">
|
||||
<h2 class="StepTitle">Step 4 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End SmartWizard Content -->
|
||||
|
||||
</td></tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
|
@ -1,319 +0,0 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Smart Wizard 2 - Step Validation Example - a javascript jQuery wizard control plugin</title>
|
||||
<link href="styles/demo_style.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="styles/smart_wizard.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.smartWizard-2.0.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function(){
|
||||
// Smart Wizard
|
||||
$('#wizard').smartWizard({transitionEffect:'slideleft',onLeaveStep:leaveAStepCallback,onFinish:onFinishCallback,enableFinishButton:true});
|
||||
|
||||
function leaveAStepCallback(obj){
|
||||
var step_num= obj.attr('rel');
|
||||
return validateSteps(step_num);
|
||||
}
|
||||
|
||||
function onFinishCallback(){
|
||||
if(validateAllSteps()){
|
||||
$('form').submit();
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
function validateAllSteps(){
|
||||
var isStepValid = true;
|
||||
|
||||
if(validateStep1() == false){
|
||||
isStepValid = false;
|
||||
$('#wizard').smartWizard('setError',{stepnum:1,iserror:true});
|
||||
}else{
|
||||
$('#wizard').smartWizard('setError',{stepnum:1,iserror:false});
|
||||
}
|
||||
|
||||
if(validateStep3() == false){
|
||||
isStepValid = false;
|
||||
$('#wizard').smartWizard('setError',{stepnum:3,iserror:true});
|
||||
}else{
|
||||
$('#wizard').smartWizard('setError',{stepnum:3,iserror:false});
|
||||
}
|
||||
|
||||
if(!isStepValid){
|
||||
$('#wizard').smartWizard('showMessage','Please correct the errors in the steps and continue');
|
||||
}
|
||||
|
||||
return isStepValid;
|
||||
}
|
||||
|
||||
|
||||
function validateSteps(step){
|
||||
var isStepValid = true;
|
||||
// validate step 1
|
||||
if(step == 1){
|
||||
if(validateStep1() == false ){
|
||||
isStepValid = false;
|
||||
$('#wizard').smartWizard('showMessage','Please correct the errors in step'+step+ ' and click next.');
|
||||
$('#wizard').smartWizard('setError',{stepnum:step,iserror:true});
|
||||
}else{
|
||||
$('#wizard').smartWizard('setError',{stepnum:step,iserror:false});
|
||||
}
|
||||
}
|
||||
|
||||
// validate step3
|
||||
if(step == 3){
|
||||
if(validateStep3() == false ){
|
||||
isStepValid = false;
|
||||
$('#wizard').smartWizard('showMessage','Please correct the errors in step'+step+ ' and click next.');
|
||||
$('#wizard').smartWizard('setError',{stepnum:step,iserror:true});
|
||||
}else{
|
||||
$('#wizard').smartWizard('setError',{stepnum:step,iserror:false});
|
||||
}
|
||||
}
|
||||
|
||||
return isStepValid;
|
||||
}
|
||||
|
||||
function validateStep1(){
|
||||
var isValid = true;
|
||||
// Validate Username
|
||||
var un = $('#username').val();
|
||||
if(!un && un.length <= 0){
|
||||
isValid = false;
|
||||
$('#msg_username').html('Please fill username').show();
|
||||
}else{
|
||||
$('#msg_username').html('').hide();
|
||||
}
|
||||
|
||||
// validate password
|
||||
var pw = $('#password').val();
|
||||
if(!pw && pw.length <= 0){
|
||||
isValid = false;
|
||||
$('#msg_password').html('Please fill password').show();
|
||||
}else{
|
||||
$('#msg_password').html('').hide();
|
||||
}
|
||||
|
||||
// validate confirm password
|
||||
var cpw = $('#cpassword').val();
|
||||
if(!cpw && cpw.length <= 0){
|
||||
isValid = false;
|
||||
$('#msg_cpassword').html('Please fill confirm password').show();
|
||||
}else{
|
||||
$('#msg_cpassword').html('').hide();
|
||||
}
|
||||
|
||||
// validate password match
|
||||
if(pw && pw.length > 0 && cpw && cpw.length > 0){
|
||||
if(pw != cpw){
|
||||
isValid = false;
|
||||
$('#msg_cpassword').html('Password mismatch').show();
|
||||
}else{
|
||||
$('#msg_cpassword').html('').hide();
|
||||
}
|
||||
}
|
||||
return isValid;
|
||||
}
|
||||
|
||||
function validateStep3(){
|
||||
var isValid = true;
|
||||
//validate email email
|
||||
var email = $('#email').val();
|
||||
if(email && email.length > 0){
|
||||
if(!isValidEmailAddress(email)){
|
||||
isValid = false;
|
||||
$('#msg_email').html('Email is invalid').show();
|
||||
}else{
|
||||
$('#msg_email').html('').hide();
|
||||
}
|
||||
}else{
|
||||
isValid = false;
|
||||
$('#msg_email').html('Please enter email').show();
|
||||
}
|
||||
return isValid;
|
||||
}
|
||||
|
||||
// Email Validation
|
||||
function isValidEmailAddress(emailAddress) {
|
||||
var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
|
||||
return pattern.test(emailAddress);
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
</head><body>
|
||||
|
||||
<div class="demoHead">
|
||||
<h2>Step Validation Example</h2>
|
||||
</div>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr><td>
|
||||
<?
|
||||
if(isset($_REQUEST['issubmit'])){
|
||||
echo "<strong>form is sumbitted</strong>";
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<form action="#" method="POST">
|
||||
<input type='hidden' name="issubmit" value="1">
|
||||
<!-- Tabs -->
|
||||
<div id="wizard" class="swMain">
|
||||
<ul>
|
||||
<li><a href="#step-1">
|
||||
<label class="stepNumber">1</label>
|
||||
<span class="stepDesc">
|
||||
Account Details<br />
|
||||
<small>Fill your account details</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-2">
|
||||
<label class="stepNumber">2</label>
|
||||
<span class="stepDesc">
|
||||
Profile Details<br />
|
||||
<small>Fill your profile details</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-3">
|
||||
<label class="stepNumber">3</label>
|
||||
<span class="stepDesc">
|
||||
Contact Details<br />
|
||||
<small>Fill your contact details</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-4">
|
||||
<label class="stepNumber">3</label>
|
||||
<span class="stepDesc">
|
||||
Other Details<br />
|
||||
<small>Fill your other details</small>
|
||||
</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<div id="step-1">
|
||||
<h2 class="StepTitle">Step 1: Account Details</h2>
|
||||
<table cellspacing="3" cellpadding="3" align="center">
|
||||
<tr>
|
||||
<td align="center" colspan="3"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Username :</td>
|
||||
<td align="left">
|
||||
<input type="text" id="username" name="username" value="" class="txtBox">
|
||||
</td>
|
||||
<td align="left"><span id="msg_username"></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Password :</td>
|
||||
<td align="left">
|
||||
<input type="password" id="password" name="password" value="" class="txtBox">
|
||||
</td>
|
||||
<td align="left"><span id="msg_password"></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Confirm Password :</td>
|
||||
<td align="left">
|
||||
<input type="password" id="cpassword" name="cpassword" value="" class="txtBox">
|
||||
</td>
|
||||
<td align="left"><span id="msg_cpassword"></span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="step-2">
|
||||
<h2 class="StepTitle">Step 2: Profile Details</h2>
|
||||
<table cellspacing="3" cellpadding="3" align="center">
|
||||
<tr>
|
||||
<td align="center" colspan="3"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">First Name :</td>
|
||||
<td align="left">
|
||||
<input type="text" id="firstname" name="firstname" value="" class="txtBox">
|
||||
</td>
|
||||
<td align="left"><span id="msg_firstname"></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Last Name :</td>
|
||||
<td align="left">
|
||||
<input type="text" id="lastname" name="lastname" value="" class="txtBox">
|
||||
</td>
|
||||
<td align="left"><span id="msg_lastname"></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Gender :</td>
|
||||
<td align="left">
|
||||
<select id="gender" name="gender" class="txtBox">
|
||||
<option value="">-select-</option>
|
||||
<option value="Female">Female</option>
|
||||
<option value="Male">Male</option>
|
||||
</select>
|
||||
</td>
|
||||
<td align="left"><span id="msg_gender"></span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="step-3">
|
||||
<h2 class="StepTitle">Step 3: Contact Details</h2>
|
||||
<table cellspacing="3" cellpadding="3" align="center">
|
||||
<tr>
|
||||
<td align="center" colspan="3"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Email :</td>
|
||||
<td align="left">
|
||||
<input type="text" id="email" name="email" value="" class="txtBox">
|
||||
</td>
|
||||
<td align="left"><span id="msg_email"></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Phone :</td>
|
||||
<td align="left">
|
||||
<input type="text" id="phone" name="phone" value="" class="txtBox">
|
||||
</td>
|
||||
<td align="left"><span id="msg_phone"></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Address :</td>
|
||||
<td align="left">
|
||||
<textarea name="address" id="address" class="txtBox" rows="3"></textarea>
|
||||
</td>
|
||||
<td align="left"><span id="msg_address"></span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div id="step-4">
|
||||
<h2 class="StepTitle">Step 4: Other Details</h2>
|
||||
<table cellspacing="3" cellpadding="3" align="center">
|
||||
<tr>
|
||||
<td align="center" colspan="3"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">Hobbies :</td>
|
||||
<td align="left">
|
||||
<input type="text" id="phone" name="phone" value="" class="txtBox">
|
||||
</td>
|
||||
<td align="left"><span id="msg_phone"></span> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right">About You :</td>
|
||||
<td align="left">
|
||||
<textarea name="address" id="address" class="txtBox" rows="5"></textarea>
|
||||
</td>
|
||||
<td align="left"><span id="msg_address"></span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End SmartWizard Content -->
|
||||
</form>
|
||||
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -1,59 +0,0 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Smart Wizard 2 - Basic Example - a javascript jQuery wizard control plugin</title>
|
||||
<link href="styles/demo_style.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="styles/smart_wizard.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.smartWizard.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
|
||||
<div class="demoHead">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h1>Smart Wizard 3</h1>
|
||||
<h2>a javascript jQuery wizard control plugin</h2>
|
||||
</div>
|
||||
<div style="float:right;" class="demoNavLinks">
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/tarball/master" class="btn">Download</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/blob/master/README.md" class="btn">Documentation</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard" class="btn">Github</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top:15px;">
|
||||
<div style="float:left"><h3>Examples:</h3></div>
|
||||
<div style="float:left" class="demoExampleLinks">
|
||||
<a href="index.htm" class="btn">Basic Example</a>
|
||||
<a href="smartwizard2-vertical.htm" class="btn">Vertical Style</a>
|
||||
<a href="smartwizard2-multiple.htm" class="btn">Multiple Wizards</a>
|
||||
<a href="smartwizard2-ajax.htm" class="btn selected">Ajax Contents</a>
|
||||
<a href="smartwizard2-validation.htm" class="btn">Step Validation</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr><td>
|
||||
<h2>Example: Ajax Contents</h2>
|
||||
<p>
|
||||
Please
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/tarball/master">download</a>
|
||||
and look in the
|
||||
<code><a href="https://github.com/mstratman/jQuery-Smart-Wizard/tree/master/more_examples">more_examples</a></code>
|
||||
folder for an example of using Ajax to populate the contents of the
|
||||
wizard.
|
||||
</p>
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -1,325 +0,0 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Smart Wizard 2 - Multiple Wizard Example - a javascript jQuery wizard control plugin</title>
|
||||
<link href="styles/demo_style.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="styles/smart_wizard.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.smartWizard.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function(){
|
||||
// Wizard 1
|
||||
$('#wizard1').smartWizard({transitionEffect:'fade',onFinish:onFinishCallback});
|
||||
// Wizard 2
|
||||
$('#wizard2').smartWizard({transitionEffect:'slide',onFinish:onFinishCallback});
|
||||
function onFinishCallback(){
|
||||
alert('Finish Called');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
|
||||
|
||||
<div class="demoHead">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h1>Smart Wizard 3</h1>
|
||||
<h2>a javascript jQuery wizard control plugin</h2>
|
||||
</div>
|
||||
<div style="float:right;" class="demoNavLinks">
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/tarball/master" class="btn">Download</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/blob/master/README.md" class="btn">Documentation</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard" class="btn">Github</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top:15px;">
|
||||
<div style="float:left"><h3>Examples:</h3></div>
|
||||
<div style="float:left" class="demoExampleLinks">
|
||||
<a href="index.htm" class="btn">Basic Example</a>
|
||||
<a href="smartwizard2-vertical.htm" class="btn">Vertical Style</a>
|
||||
<a href="smartwizard2-multiple.htm" class="btn selected">Multiple Wizards</a>
|
||||
<a href="smartwizard2-ajax.htm" class="btn">Ajax Contents</a>
|
||||
<a href="smartwizard2-validation.htm" class="btn">Step Validation</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr><td>
|
||||
<h2>Example: Multiple Wizards</h2>
|
||||
<!-- Smart Wizard wizard1-->
|
||||
<h3>Wizard 1</h3>
|
||||
<div id="wizard1" class="swMain">
|
||||
<ul>
|
||||
<li><a href="#step-1">
|
||||
<label class="stepNumber">1</label>
|
||||
<span class="stepDesc">
|
||||
Step 1<br />
|
||||
<small>Step 1 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-2">
|
||||
<label class="stepNumber">2</label>
|
||||
<span class="stepDesc">
|
||||
Step 2<br />
|
||||
<small>Step 2 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-3">
|
||||
<label class="stepNumber">3</label>
|
||||
<span class="stepDesc">
|
||||
Step 3<br />
|
||||
<small>Step 3 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-4">
|
||||
<label class="stepNumber">4</label>
|
||||
<span class="stepDesc">
|
||||
Step 4<br />
|
||||
<small>Step 4 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<div id="step-1">
|
||||
<h2 class="StepTitle">Step 1 Content</h2>
|
||||
<ul type="disk">
|
||||
<li>List 1</li>
|
||||
<li>List 2</li>
|
||||
</ul>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-2">
|
||||
<h2 class="StepTitle">Step 2 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-3">
|
||||
<h2 class="StepTitle">Step 3 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-4">
|
||||
<h2 class="StepTitle">Step 4 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End SmartWizard Content 1 -->
|
||||
<br />
|
||||
<h3>Wizard 2</h3>
|
||||
|
||||
<!-- Smart Wizard wizard2-->
|
||||
<div id="wizard2" class="swMain">
|
||||
<ul>
|
||||
<li><a href="#step-1">
|
||||
<label class="stepNumber">1</label>
|
||||
<span class="stepDesc">
|
||||
Step 1<br />
|
||||
<small>Step 1 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-2">
|
||||
<label class="stepNumber">2</label>
|
||||
<span class="stepDesc">
|
||||
Step 2<br />
|
||||
<small>Step 2 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-3">
|
||||
<label class="stepNumber">3</label>
|
||||
<span class="stepDesc">
|
||||
Step 3<br />
|
||||
<small>Step 3 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-4">
|
||||
<label class="stepNumber">4</label>
|
||||
<span class="stepDesc">
|
||||
Step 4<br />
|
||||
<small>Step 4 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<div id="step-1">
|
||||
<h2 class="StepTitle">Step 1 Content</h2>
|
||||
<ul type="disk">
|
||||
<li>List 1</li>
|
||||
<li>List 2</li>
|
||||
</ul>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-2">
|
||||
<h2 class="StepTitle">Step 2 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-3">
|
||||
<h2 class="StepTitle">Step 3 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-4">
|
||||
<h2 class="StepTitle">Step 4 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End SmartWizard Content 2 -->
|
||||
|
||||
</td></tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
|
@ -1,58 +0,0 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Smart Wizard 2 - Basic Example - a javascript jQuery wizard control plugin</title>
|
||||
<link href="styles/demo_style.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="styles/smart_wizard.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.smartWizard.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
|
||||
<div class="demoHead">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h1>Smart Wizard 3</h1>
|
||||
<h2>a javascript jQuery wizard control plugin</h2>
|
||||
</div>
|
||||
<div style="float:right;" class="demoNavLinks">
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/tarball/master" class="btn">Download</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/blob/master/README.md" class="btn">Documentation</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard" class="btn">Github</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top:15px;">
|
||||
<div style="float:left"><h3>Examples:</h3></div>
|
||||
<div style="float:left" class="demoExampleLinks">
|
||||
<a href="index.htm" class="btn">Basic Example</a>
|
||||
<a href="smartwizard2-vertical.htm" class="btn">Vertical Style</a>
|
||||
<a href="smartwizard2-multiple.htm" class="btn">Multiple Wizards</a>
|
||||
<a href="smartwizard2-ajax.htm" class="btn">Ajax Contents</a>
|
||||
<a href="smartwizard2-validation.htm" class="btn selected">Step Validation</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr><td>
|
||||
<h2>Example: Step validation</h2>
|
||||
<p>
|
||||
Please
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/tarball/master">download</a>
|
||||
and look in the
|
||||
<code><a href="https://github.com/mstratman/jQuery-Smart-Wizard/tree/master/more_examples">more_examples</a></code>
|
||||
folder for an example of validating the steps of the wizard.
|
||||
</p>
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -1,196 +0,0 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>Smart Wizard 2 - Vertical Style Example - a javascript jQuery wizard control plugin</title>
|
||||
<link href="styles/demo_style.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<link href="styles/smart_wizard_vertical.css" rel="stylesheet" type="text/css">
|
||||
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.smartWizard.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function(){
|
||||
// Smart Wizard
|
||||
$('#wizard').smartWizard({transitionEffect:'slide'});
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</head><body>
|
||||
|
||||
<div class="demoHead">
|
||||
<div>
|
||||
<div style="float:left;">
|
||||
<h1>Smart Wizard 3</h1>
|
||||
<h2>a javascript jQuery wizard control plugin</h2>
|
||||
</div>
|
||||
<div style="float:right;" class="demoNavLinks">
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/tarball/master" class="btn">Download</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard/blob/master/README.md" class="btn">Documentation</a>
|
||||
<a href="https://github.com/mstratman/jQuery-Smart-Wizard" class="btn">Github</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top:15px;">
|
||||
<div style="float:left"><h3>Examples:</h3></div>
|
||||
<div style="float:left" class="demoExampleLinks">
|
||||
<a href="index.htm" class="btn">Basic Example</a>
|
||||
<a href="smartwizard2-vertical.htm" class="btn selected">Vertical Style</a>
|
||||
<a href="smartwizard2-multiple.htm" class="btn">Multiple Wizards</a>
|
||||
<a href="smartwizard2-ajax.htm" class="btn">Ajax Contents</a>
|
||||
<a href="smartwizard2-validation.htm" class="btn">Step Validation</a>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<table align="center" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr><td>
|
||||
<h2>Example: Vertical Style</h2>
|
||||
<!-- Tabs -->
|
||||
<div id="wizard" class="swMain">
|
||||
<ul>
|
||||
<li><a href="#step-1">
|
||||
<label class="stepNumber">1</label>
|
||||
<span class="stepDesc">
|
||||
Step 1<br />
|
||||
<small>Step 1 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-2">
|
||||
<label class="stepNumber">2</label>
|
||||
<span class="stepDesc">
|
||||
Step 2<br />
|
||||
<small>Step 2 description having some more text</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-3">
|
||||
<label class="stepNumber">3</label>
|
||||
<span class="stepDesc">
|
||||
Step 3<br />
|
||||
<small>Step 3 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
<li><a href="#step-4">
|
||||
<label class="stepNumber">4</label>
|
||||
<span class="stepDesc">
|
||||
Step 4<br />
|
||||
<small>Step 4 description</small>
|
||||
</span>
|
||||
</a></li>
|
||||
</ul>
|
||||
<div id="step-1">
|
||||
<h2 class="StepTitle">Step 1 Content</h2>
|
||||
<ul type="disk">
|
||||
<li>List 1</li>
|
||||
<li>List 2</li>
|
||||
</ul>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-2">
|
||||
<h2 class="StepTitle">Step 2 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-3">
|
||||
<h2 class="StepTitle">Step 3 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
<div id="step-4">
|
||||
<h2 class="StepTitle">Step 4 Content</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- End SmartWizard Content -->
|
||||
|
||||
</td></tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue