diff --git a/views/api/index.jade b/views/api/index.jade
index c32ab179fa..dbc34ff14a 100644
--- a/views/api/index.jade
+++ b/views/api/index.jade
@@ -3,41 +3,64 @@ extends ../layout
 block content
   h2 API Examples
 
-  ol
-    li
-      a(href='/api/aviary') Aviary
-    li
-      a(href='/api/clockwork') Clockwork SMS
-    li
-      a(href='/api/facebook') Facebook
-      small  ⇢ Login Required
-    li
-      a(href='/api/foursquare') Foursquare
-      small  ⇢ Login Required
-    li
-      a(href='/api/github') GitHub
-      small  ⇢ Login Required
-    li
-      a(href='/api/lastfm') Last.fm
-    li
-      a(href='/api/linkedin') LinkedIn
-      small  ⇢ Login Required
-    li
-      a(href='/api/nyt') New York Times
-    li
-      a(href='/api/paypal') PayPal
-    li
-      a(href='/api/steam') Steam
-    li
-      a(href='/api/twilio') Twilio
-    li
-      a(href='/api/tumblr') Tumblr
-      small  ⇢ Login Required
-    li
-      a(href='/api/twitter') Twitter
-      small  ⇢ Login Required
-    li
-      a(href='/api/scraping') Web Scraping
-    li
-      a(href='/api/venmo') Venmo
-      small  ⇢ Login Required
+  .row
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/aviary') Aviary
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/clockwork') Clockwork SMS
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/facebook') Facebook
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/foursquare') Foursquare
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/github') GitHub
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/lastfm') Last.fm
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/linkedin') LinkedIn
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/nyt') New York Times
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/paypal') PayPal
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/steam') Steam
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/twilio') Twilio
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/tumblr') Tumblr
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/twitter') Twitter
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/scraping') Web Scraping
+    .col-sm-3
+      .panel.panel-default
+        .panel-body
+          a(href='/api/venmo') Venmo