1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < title > jQuery Steps by rstaib</ title >
5
+ < meta charset ='utf-8 '>
6
+ < meta http-equiv ="X-UA-Compatible " content ="chrome=1 ">
7
+ < meta name ="description " content ="A powerful jQuery wizard plugin that supports accessibility and HTML5. ">
8
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, maximum-scale=1 ">
9
+
10
+ < link href ='https://fonts.googleapis.com/css?family=Architects+Daughter ' rel ="stylesheet " type ="text/css ">
11
+ < link rel ="stylesheet " type ="text/css " href ="stylesheets/stylesheet.css " media ="screen ">
12
+ < link rel ="stylesheet " type ="text/css " href ="stylesheets/pygment_trac.css " media ="screen ">
13
+ < link rel ="stylesheet " type ="text/css " href ="stylesheets/print.css " media ="print ">
14
+ < link rel ="stylesheet " href ="stylesheets/jquery.steps.css ">
15
+
16
+ < script src ="javascripts/jquery-1.9.1.min.js "> </ script >
17
+ < script src ="javascripts/jquery.steps.min.js "> </ script >
18
+ <!--[if lt IE 9]>
19
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
20
+ <![endif]-->
21
+ </ head >
22
+ < body >
23
+ < header >
24
+ < div class ="inner ">
25
+ < h1 > jquery-steps</ h1 >
26
+ < h2 > A powerful jQuery wizard plugin that supports accessibility and HTML5.</ h2 >
27
+ < a href ="https://github.com/rstaib/jquery-steps " class ="button "> < small > View project on</ small > GitHub</ a >
28
+ </ div >
29
+ </ header >
30
+
31
+ < div id ="content-wrapper ">
32
+ < div class ="inner clearfix ">
33
+ < section id ="main-content ">
34
+ < script >
35
+ $ ( function ( )
36
+ {
37
+ $ ( "#wizard" ) . steps ( {
38
+ headerTag : "h4" ,
39
+ bodyTag : "section" ,
40
+ transitionEffect : "slide"
41
+ } ) ;
42
+ } ) ;
43
+ </ script >
44
+
45
+ < h3 > Async Example</ h3 >
46
+ < div id ="wizard ">
47
+ < h4 > Async Step</ h4 >
48
+ < section data-mode ="async " data-url ="async-content.txt ">
49
+ </ section >
50
+
51
+ < h4 > Second Step</ h4 >
52
+ < section >
53
+ < p > Donec mi sapien, hendrerit nec egestas a, rutrum vitae dolor. Nullam venenatis diam ac ligula elementum pellentesque.
54
+ In lobortis sollicitudin felis non eleifend. Morbi tristique tellus est, sed tempor elit. Morbi varius, nulla quis condimentum
55
+ dictum, nisi elit condimentum magna, nec venenatis urna quam in nisi. Integer hendrerit sapien a diam adipiscing consectetur.
56
+ In euismod augue ullamcorper leo dignissim quis elementum arcu porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
57
+ Vestibulum leo velit, blandit ac tempor nec, ultrices id diam. Donec metus lacus, rhoncus sagittis iaculis nec, malesuada a diam.
58
+ Donec non pulvinar urna. Aliquam id velit lacus.</ p >
59
+ </ section >
60
+
61
+ < h4 > Third Step</ h4 >
62
+ < section >
63
+ < p > Morbi ornare tellus at elit ultrices id dignissim lorem elementum. Sed eget nisl at justo condimentum dapibus. Fusce eros justo,
64
+ pellentesque non euismod ac, rutrum sed quam. Ut non mi tortor. Vestibulum eleifend varius ullamcorper. Aliquam erat volutpat.
65
+ Donec diam massa, porta vel dictum sit amet, iaculis ac massa. Sed elementum dui commodo lectus sollicitudin in auctor mauris
66
+ venenatis.</ p >
67
+ </ section >
68
+
69
+ < h4 > Forth Step</ h4 >
70
+ < section >
71
+ < p > Quisque at sem turpis, id sagittis diam. Suspendisse malesuada eros posuere mauris vehicula vulputate. Aliquam sed sem tortor.
72
+ Quisque sed felis ut mauris feugiat iaculis nec ac lectus. Sed consequat vestibulum purus, imperdiet varius est pellentesque vitae.
73
+ Suspendisse consequat cursus eros, vitae tempus enim euismod non. Nullam ut commodo tortor.</ p >
74
+ </ section >
75
+ </ div >
76
+
77
+ < h3 > License</ h3 >
78
+ < p > Copyright (c) 2013 Rafael J. Staib Licensed under the < a href ="https://github.com/rstaib/jquery-steps/blob/master/LICENSE.txt "> MIT license</ a > .</ p >
79
+ </ section >
80
+
81
+ < aside id ="sidebar ">
82
+ < a href ="https://github.com/rstaib/jquery-steps/zipball/master " class ="button ">
83
+ < small > Download</ small >
84
+ .zip file
85
+ </ a >
86
+ < a href ="https://github.com/rstaib/jquery-steps/tarball/master " class ="button ">
87
+ < small > Download</ small >
88
+ .tar.gz file
89
+ </ a >
90
+
91
+ < p class ="repo-owner "> < a href ="https://github.com/rstaib/jquery-steps "> </ a > is maintained by < a href ="https://github.com/rstaib "> rstaib</ a > .</ p >
92
+
93
+ < p > This page was generated by < a href ="pages.github.com "> GitHub Pages</ a > using the Architect theme by < a href ="http://twitter.com/jasonlong "> Jason Long</ a > .</ p >
94
+ </ aside >
95
+ </ div >
96
+ </ div >
97
+
98
+ < script >
99
+ ( function ( i , s , o , g , r , a , m ) { i [ 'GoogleAnalyticsObject' ] = r ; i [ r ] = i [ r ] || function ( ) {
100
+ ( i [ r ] . q = i [ r ] . q || [ ] ) . push ( arguments ) } , i [ r ] . l = 1 * new Date ( ) ; a = s . createElement ( o ) ,
101
+ m = s . getElementsByTagName ( o ) [ 0 ] ; a . async = 1 ; a . src = g ; m . parentNode . insertBefore ( a , m )
102
+ } ) ( window , document , 'script' , '//www.google-analytics.com/analytics.js' , 'ga' ) ;
103
+
104
+ ga ( 'create' , 'UA-40997516-1' , 'rstaib.github.io' ) ;
105
+ ga ( 'send' , 'pageview' ) ;
106
+ </ script >
107
+ </ body >
108
+ </ html >
0 commit comments