Adding tiles to the install-dotnet page

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;
+}
+
 

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>");
                 }
             });
     });