diff --git a/css/main.css b/css/main.css
index 85d3b79..cb7f1e1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -91,4 +91,24 @@ a:hover {
     margin-bottom: 35px;
 }
 
+/* Install button tiles */
+.install-tile {
+    width: 150px;
+    height: 150px;
+    background-color: #682079;
+    /* add drop shadow here */
+    display: inline-block;
+    padding: 15px;
+    margin-right: 25px; 
+    color: #fff;
+    font-family: 'Roboto Condensed';
+    /*font-weight: bold;*/
+    font-size: 18px;
+}
+.install-tile:hover {
+    background-color: #932DAB;
+    color: #fff;
+    text-decoration: none;
+}
+
 
diff --git a/install-dotnet.html b/install-dotnet.html
index 83f166c..85d5650 100644
--- a/install-dotnet.html
+++ b/install-dotnet.html
@@ -26,7 +26,8 @@
 <div class="row">
   <div class="col-md-12">
       <h2>Available .NET Versions</h2>
-      <ul id="versions" class="list-group"></ul>
+      <!--<ul id="versions" class="list-group"></ul>-->
+      <div id="versionsList"></div>
     </div>
 </div>
 <div class="row">
@@ -51,7 +52,8 @@ $(document).ready(function() {
 
                 if (val.category == "netfx")
                 {
-                    $("#versions").append("<li class=list-group-item><a href=" + val.runtime[0].link + ">" + val.platform + "</a></li>");
+                    //$("#versions").append("<li class=list-group-item><a href=" + val.runtime[0].link + ">" + val.platform + "</a></li>");
+                    $("#versionsList").append("<a href='"+ val.runtime[0].link +"' class='install-tile'>"+ val.platform +"</a>");
                 }
             });
     });