diff --git a/contents/style.scss b/contents/style.scss
index 2a7a1af..4658303 100644
--- a/contents/style.scss
+++ b/contents/style.scss
@@ -52,38 +52,40 @@ code {
   padding: 25px 0px 10px 0px;
 }
 
-.introduction {
-  // border-bottom: 4px solid #f9f9f9;
-}
-
 .codes {
   margin-bottom: 40px;
 
-  section {
+  ul {
+    font-family: 'Open Sans', sans-serif;
+    font-size: 14px;
+    letter-spacing: 0.5px;
+    list-style-type: none;
     margin-bottom: 10px;
 
     h2 {
-      font-weight: bold;
-    }
-
-    h2, h3 {
       font-family: 'Open Sans', sans-serif;
       font-size: 14px;
+      font-weight: bold;
       letter-spacing: 0.5px;
-      margin-bottom: 2px;
+      margin-bottom: 0px;
+    }
+
+    li {
+      margin-bottom: 0px;
 
       a {
         font-weight: normal;
-      }
 
-      a:hover {
-        color: #d6156d;
-      }
+        &:hover {
+          color: #d6156d;
+        }
 
-      a span {
-        color: #d6156d;
-        font-family: 'Source Code Pro';
-        width: 34px;
+        span {
+          color: #d6156d;
+          font-family: 'Source Code Pro';
+          font-weight: bold;
+          width: 34px;
+        }
       }
     }
   }
diff --git a/templates/index.jade b/templates/index.jade
index 094d728..301f615 100644
--- a/templates/index.jade
+++ b/templates/index.jade
@@ -3,10 +3,9 @@ extends layout.jade
 block contents
   .hero.introduction: .container: .row: .twelve.columns !{contents}
 
-  .container.codes
+  .container.codes: .row: .twelve.columns
     each group in groups.codes
-      section
+      ul
         h2 !{group.title}
         each code in group.items
-          article
-            h3 #[a(href='/#{code.code}') #[span !{code.code}] #{code.title}]
\ No newline at end of file
+          li #[a(href='/#{code.code}') #[span !{code.code}] #{code.title}]
\ No newline at end of file
diff --git a/templates/layout.jade b/templates/layout.jade
index 4a69e28..4fb0d03 100644
--- a/templates/layout.jade
+++ b/templates/layout.jade
@@ -1,10 +1,8 @@
-block title
-  title #{title} — httpstatus.es
-
 doctype html
 html(lang="en")
   head
     block title
+      #{title} — httpstatus.es
     link(rel='shortcut icon', href='/' + fingerprint['favicon.ico'], type='image/x-icon')
     link(rel='stylesheet', href='/' + fingerprint['style.css'])
     link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Montserrat|Open+Sans|Source+Code+Pro:700', type='text/css')