jqm-1.html

<!DOCTYPE html> 
<html> 
<!-- This is adapted from jquerymobile.com tutorials -->
	<head> 
	<title>Trees</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>Trees</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>Trees are nice to sit under.  They are cool in the summer and have beautiful color in the fall.</p>		
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Friends of Trees Foundation</h4>
	</div><!-- /footer -->
</div><!-- /page -->

</body>
</html>