JQuery Mobile Single Page Template – Application Development Cloud

This is the standard page template you should start with on a project:

 <!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet"

 href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <-----this will need to be updated to the latest cdn link

<script type="text/javascript"

src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <-----this will need to be updated to the latest cdn link

<script type="text/javascript"

src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> <-----this will need to be updated to the latest cdn link

</head>

<body>

<div data-role="page">

<div data-role="header">

<h1>Page Title</h1>

</div>

<!-- /header -->

<div data-role="content">

<p>Page content goes here.</p>

</div>

<!-- /content -->

<div data-role="footer">

<h4>Page Footer</h4>

</div>

<!-- /footer -->

</div>

 <!-- /page -->

</body>

</html>