Return to Snippet

Revision: 51736
at October 2, 2011 23:59 by craigmoss


Initial Code
<!DOCTYPE html> 
<html> 
	<head> 
	<title>2 Page JQuery Mobile Site</title> 
	
	
	<!--	By setting the viewport attributes to content="width=device-width, initial-scale=1, the width will be set to the pixel width of the device screen. -->
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
	
</head> 
<body> 
	
	<!-- Start of About page -->
	<div data-role="page" id="about">

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

		<div data-role="content">	
			<p>I'm a dialog box</p>		
			<p><a href="index.html" data-transition="pop">Back to Home</a></p>	
		</div><!-- /content -->

		<div data-role="footer">
			<h4>Page Footer</h4>
		</div><!-- /footer -->
		
	</div><!-- /page -->
	
</body>
</html>

Initial URL

                                

Initial Description
about.html

Initial Title
JQuery Mobile Multipage Example - about.html

Initial Tags
jquery, mobile

Initial Language
jQuery