Add improvement for the basic demo

Author: Rafael J. Staib

basic.html

@@ -49,36 +49,37 @@ <h2>A powerful jQuery wizard plugin that supports accessibility and HTML5.</h2>
 
                     <h3>Basic Example</h3>
                     <div id="wizard">
-                        <h4>First Step</h4>
+                        <h4>Keyboard</h4>
                         <section>
-                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut nulla nunc. Maecenas arcu sem, hendrerit a tempor quis, 
-                                sagittis accumsan tellus. In hac habitasse platea dictumst. Donec a semper dui. Nunc eget quam libero. Nam at felis metus. 
-                                Nam tellus dolor, tristique ac tempus nec, iaculis quis nisi.</p>
+                            <p>Try the keyboard navigation by clicking arrow left or right!</p>
                         </section>
 
-                        <h4>Second Step</h4>
+                        <h4>Other demos</h4>
                         <section>
-                            <p>Donec mi sapien, hendrerit nec egestas a, rutrum vitae dolor. Nullam venenatis diam ac ligula elementum pellentesque. 
-                                In lobortis sollicitudin felis non eleifend. Morbi tristique tellus est, sed tempor elit. Morbi varius, nulla quis condimentum 
-                                dictum, nisi elit condimentum magna, nec venenatis urna quam in nisi. Integer hendrerit sapien a diam adipiscing consectetur. 
-                                In euismod augue ullamcorper leo dignissim quis elementum arcu porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
-                                Vestibulum leo velit, blandit ac tempor nec, ultrices id diam. Donec metus lacus, rhoncus sagittis iaculis nec, malesuada a diam. 
-                                Donec non pulvinar urna. Aliquam id velit lacus.</p>
+                            <ul>
+                                <li>Async Example</li>
+                                <li><a href="iframe.html">Embedded Iframe Example</a></li>
+                                <li><a href="basic-form.html">Basic Form Example</a></li>
+                                <li>Advanced Form Example</li>
+                                <li><a href="add-remove.html">Dynamic Manipulation Example</a></li>
+                                <li>Pagination Example</li>
+                                <li>Use as Tab Component Example</li>
+                            </ul>
                         </section>
 
-                        <h4>Third Step</h4>
+                        <h4>Documentation</h4>
                         <section>
-                            <p>Morbi ornare tellus at elit ultrices id dignissim lorem elementum. Sed eget nisl at justo condimentum dapibus. Fusce eros justo, 
-                                pellentesque non euismod ac, rutrum sed quam. Ut non mi tortor. Vestibulum eleifend varius ullamcorper. Aliquam erat volutpat. 
-                                Donec diam massa, porta vel dictum sit amet, iaculis ac massa. Sed elementum dui commodo lectus sollicitudin in auctor mauris 
-                                venenatis.</p>
+                            <p>For more information <a href="https://github.com/rstaib/jquery-steps/wiki">check out the documentation</a>!</p>
                         </section>
 
-                        <h4>Forth Step</h4>
+                        <h4>Download</h4>
                         <section>
-                            <p>Quisque at sem turpis, id sagittis diam. Suspendisse malesuada eros posuere mauris vehicula vulputate. Aliquam sed sem tortor. 
-                                Quisque sed felis ut mauris feugiat iaculis nec ac lectus. Sed consequat vestibulum purus, imperdiet varius est pellentesque vitae. 
-                                Suspendisse consequat cursus eros, vitae tempus enim euismod non. Nullam ut commodo tortor.</p>
+                            <p>You could easily download the latest version direct from here!</p>
+                            <ul>
+                                <li><a href="https://github.com/rstaib/jquery-steps/blob/master/README.md">Readme</a></li>
+                                <li><a href="downloads/jquery.steps.min.js">Minified</a></li>
+                                <li><a href="downloads/jquery.steps.js">Uncompressed</a></li>
+                            </ul>
                         </section>
                     </div>
 

stylesheets/jquery.steps.css

@@ -118,6 +118,16 @@
     padding: 10px;
 }
 
+.wizard > .content > .body ul
+{
+    list-style: disc !important;
+}
+
+.wizard > .content > .body ul > li
+{
+    display: list-item;
+}
+
 .wizard > .content > .body > iframe
 {
     border: 0 none;