Improve marketplace

Signed-off-by: Panu Horsmalahti <phorsmalahti@mirantis.com>

marketplace/index.html

@@ -2,17 +2,34 @@
 <head>
   <title>Test Marketplace</title>
   <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="marketplace.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 </head>
 <body>
-<h3>Lens Marketplace</h3>
-<p>
-<ul>
-  <li>Mirantis Container Cloud Lens Extension
-    <ul>
-      <li><a href="lens://internal/install-extension?name=@mirantis/lens-extension-cc">Install</a></li>
-      <li><a href="lens://extension/@mirantis/lens-extension-cc">Open</a></li>
-    </ul>
-  </li>
-</ul>
-</p>
+  <h3>Lens Marketplace</h3>
+  <div>
+    <img class="mirantis-logo" src="mirantis-logo.png"/>Container Cloud Lens Extension
+  </div>
+  <div class="extension-info">
+    <div><a href="https://www.mirantis.com">Mirantis</a></div>
+    <div>|</div>
+    <div>
+      35 installs
+    </div>
+    <div>|</div>
+    <div>
+      <span class="fa fa-star checked"></span>
+      <span class="fa fa-star checked"></span>
+      <span class="fa fa-star checked"></span>
+      <span class="fa fa-star checked"></span>
+      <span class="fa fa-star"></span>
+      <span>(8)</span>
+    </div>
+    <div>|</div>
+    <div>Free</div>
+  </div>
+  <div>
+    <a class="install-btn" href="lens://internal/install-extension?name=@mirantis/lens-extension-cc">Install</a>
+    <a class="open-btn" href="lens://extension/@mirantis/lens-extension-cc">Open</a>
+  </div>
 </body>