Panel: Moved intro paragraph down in the source

Author: toddparker

docs/panels/index.html

@@ -50,7 +50,6 @@ <h2 id="demo-links">Panels</h2>
 					<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
 				</ul>
 
-				<p>Panels are designed to be as flexible as possible to make it easy to create menus, collapsible columns, drawers, inspectors panes and more. </p>
 
 
 				<p><strong>Left</strong> panel examples</p>
@@ -71,6 +70,8 @@ <h2 id="demo-links">Panels</h2>
 
 				<h2>Where panel markup goes in a page</h2>
 
+				<p>Panels are designed to be as flexible as possible to make it easy to create menus, collapsible columns, drawers, inspectors panes and more. </p>
+
 				<p>A panel must be a sibling to the header, content and footer elements inside a jQuery Mobile page. You can add the panel markup either <em>before</em> or <em>after</em> these elements, but not in between. A panel cannot be placed outside a page, but this constraint will be removed in a future version.</p>
 
 				<p>Here is an example of the panel before the header, content and footer in the source order:</p>