Skip to content

Commit 26be359

Browse files
author
Paul Bakaus
committed
demos: modified overview file to use the website markup
1 parent e3b9588 commit 26be359

1 file changed

Lines changed: 55 additions & 17 deletions

File tree

‎demos/index.html‎

Lines changed: 55 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -25,24 +25,62 @@
2525
</script>
2626
</head>
2727
<body>
28+
<table cellspacing="0" cellpadding="0" class="layout-grid" id="functional">
29+
<tr>
30+
<td class="left-nav">
31+
<div class="section" style="border:0; width:155px;">
32+
<p class="side-menu-title">Interactions</p>
33+
<div id="links" class="normal" style="width:100%;">
34+
<ul class="component-links">
35+
<li><a href="draggable/index.html">Draggable</a></li>
36+
<li><a href="droppable/index.html">Droppable</a></li>
37+
<li><a href="resizable/index.html">Resizable</a></li>
38+
<li><a href="selectable/index.html">Selectable</a></li>
39+
<li><a href="sortable/index.html">Sortable</a></li>
40+
</ul>
41+
</div>
42+
<br style="clear:both;">
43+
</div>
44+
<div class="section" style="border:0;">
45+
<p class="side-menu-title">Widgets</p>
46+
<div id="links" class="normal">
47+
<ul class="component-links">
48+
<li><a href="accordion/index.html">Accordion</a></li>
49+
<li><a href="datepicker/index.html">Datepicker</a></li>
50+
<li><a href="dialog/index.html">Dialog</a></li>
51+
<li><a href="progressbar/index.html">Progressbar</a></li>
52+
<li><a href="slider/index.html">Slider</a></li>
53+
<li><a href="tabs/index.html">Tabs</a></li>
54+
</ul>
55+
</div>
56+
<br style="clear:both;">
57+
</div>
58+
<div class="section" style="border:0;">
59+
<p class="side-menu-title">Effects</p>
60+
<div id="links" class="normal">
61+
<ul class="component-links">
62+
<li><a href="#">Easing</a></li>
63+
<li><a href="#">General</a></li>
64+
<li><a href="#">Show/Hide</a></li>
65+
</ul>
66+
</div>
2867

29-
<dl class="nav">
30-
<dt>Interactions</dt>
31-
<dd><a href="draggable/index.html">Draggable</a></dd>
32-
<dd><a href="droppable/index.html">Droppable</a></dd>
33-
<dd><a href="resizable/index.html">Resizable</a></dd>
34-
<dd><a href="selectable/index.html">Selectable</a></dd>
35-
<dd><a href="sortable/index.html">Sortable</a></dd>
36-
<dt>Widgets</dt>
37-
<dd><a href="accordion/index.html">Accordion</a></dd>
38-
<dd><a href="datepicker/index.html">Datepicker</a></dd>
39-
<dd><a href="dialog/index.html">Dialog</a></dd>
40-
<dd><a href="progressbar/index.html">Progressbar</a></dd>
41-
<dd><a href="slider/index.html">Slider</a></dd>
42-
<dd><a href="tabs/index.html">Tabs</a></dd>
43-
<dt>Effects</dt>
44-
<dd>...</dd>
45-
</dl>
68+
<br style="clear:both;">
69+
<br style="clear:both;">
70+
</div>
71+
</td>
72+
<td class="normal">
73+
74+
<div class="normal" id="containerDemo">
75+
<h3>Instructions</h3>
76+
<p>
77+
The functional demos are provided to give users an idea of how jQuery UI works. You only need to copy and paste code from the demos. Have fun playing with it.
78+
</p>
79+
</div>
80+
81+
</td>
82+
</tr>
83+
</table>
4684

4785
</body>
4886
</html>

0 commit comments

Comments
 (0)