diff --git a/admin/css/apps.css b/admin/css/apps.css
index 68bd9cf63d3a511e2a9ebb12e0de26368b7ac785..02bcade3cc2b88805a7d94e60c01a4a751be16a5 100644
--- a/admin/css/apps.css
+++ b/admin/css/apps.css
@@ -40,3 +40,25 @@ table td.name a
     font-size: 0.8em;
 }
 
+.description 
+{
+    padding: 6px;
+    text-decoration: none;
+    color: #666666;
+    font-size: 0.9em;
+}
+
+
+.install a { 
+    padding:0.2em 0.5em; 
+    border:1px solid #ddd; 
+    -moz-border-radius:15px; 
+    -webkit-border-radius:15px; 
+    border-radius:15px; 
+    text-decoration: none;
+    font-size:1.5em; color:#666666; 
+    background-color:#F0F0F0;
+}
+.install a:hover { 
+    background-color:#DDDDDD;
+}
diff --git a/admin/templates/app.php b/admin/templates/app.php
new file mode 100644
index 0000000000000000000000000000000000000000..4b5740c2bc4554ef10c860c19419cc2b7cf9ccd8
--- /dev/null
+++ b/admin/templates/app.php
@@ -0,0 +1,27 @@
+<?php
+/*
+ * Template for Apps
+ */
+$app=$_['app'];
+?>
+<h1><?php echo $app["name"]; ?></h1>
+<?php  echo('<span class="type">'.$app['typename'].'</span>'); ?><br />
+<span class="date"><?php echo OC_UTIL::formatdate($app["changed"]); ?></span><br />
+
+
+<table cellspacing="6" border="0" width="100%">
+	<tr>
+		<td width="1" valign="top">
+			<?php if($app["preview1"]<>"") { echo('<img class="preview" border="0" src="'.$app["preview1"].'" /><br />'); } ?> 
+			<?php if($app["preview2"]<>"") { echo('<img class="preview" border="0" src="'.$app["preview2"].'" /><br />'); } ?> 
+			<?php if($app["preview3"]<>"") { echo('<img class="preview" border="0" src="'.$app["preview3"].'" /><br />'); } ?> 
+		</td>
+		<td class="description" valign="top">
+		<?php echo $app["description"]; ?>
+		<br />
+		<?php  echo('<a class="description" href="'.$app["detailpage"].'">read more</a><br />');  ?> 
+		</td>
+		<td width="1" valign="top" class="install"><a href="">INSTALL</a></td>
+	</tr>
+</table>
+