index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">

    <!-- tells the device browser not make phone numbers clickable -->
	<meta name="format-detection" content="telephone-no">

    <!-- several things are going on here:
    - first we'll make sure the user can't pinch or zoom
    - we'll set the "browser" to full screen
    - and we'll make sure retina devices work without scaling the content
    -->
	<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi">

    <!-- the title is not dispayed so it doesn't matter -->
	<title>PhoneGap Starter</title>

    <!-- link to our own custom style sheet -->
	<link rel="stylesheet" href="css/stylesheet.css">

    <!-- and link to appropriate PhoneGap library - replace accordingly -->
	<script src="cordova.ios.js"></script>

    <!-- these scripts could be put into a separate js file, according to taste -->
	<script>
	    // check if the device is ready - and if it is, call onDeviceReady
		function init() {
			document.addEventListener("deviceready", onDeviceReady, false);
		}

        // called from the above when device is ready
		// your entire app goes goes inside this function
		function onDeviceReady() {
			alert('PhoneGap is ready for business!');
		}
	</script>
</head>

<!-- when our document loads, the first thing we'll do is kick off this function -->
<body onload="init()">
	<div>Content displayed by our app</div>
</body>
</html>