demo page

jumpbytehq · Aug 4, 2012 · 0ec5b24 · 0ec5b24
1 parent 04bbd12
commit 0ec5b24
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 2 deletions.
diff --git a/examples/android-frame.png b/examples/android-frame.png
diff --git a/examples/index.html b/examples/index.html
@@ -1,5 +1,45 @@
 <html>
+	<head>
+		<style>
+			.mobile-app-demo-container iframe{
+				border: none;
+				position: relative;
+				top: 91px;
+				left: 26px;
+			}
+
+			.app, .app a{
+				padding: 10px 5px;
+				background-color: gray;
+				color: white;
+				font-family: verdana;
+			}
+
+			.mobile-app-demo-container{
+				padding: 5px 10px;
+			}
+
+			.mobile-app-demo{
+				background-image: url(android-frame.png); 
+				width: 370px; 
+				height: 637px;
+			}
+
+
+		</style>
+	</head>
 	<body>
-		<a href="restaurant/index.html">Restaurant App</a>
+
+		<div class="app">
+			<a href="restaurant/index.html">Restaurant App</a>
+		</div>
+		<div class="mobile-app-demo-container">
+
+		<div class="mobile-app-demo">
+		<iframe src="http://apps.jumpbyte.com/backbone-jqmobile/restaurant/index.html" width="320" height="480"></iframe>
+		</div>
+
+		</div>
+
 	</body>
 </html>
diff --git a/examples/restaurant/README.md b/examples/restaurant/README.md
@@ -8,4 +8,6 @@ The application contains functionalities like.
 * Backbone collection from remote and local storage
 * Fragments to refresh partial page
 * Linking pages with data
-* Load and add page functionality dynamically
+* Load and add page functionality dynamically
+
+Application demo is available [here](http://apps.jumpbyte.com/backbone-jqmobile/restaurant/index.html)