diff --git a/app.moon b/app.moon
index b854393..6d8b893 100644
--- a/app.moon
+++ b/app.moon
@@ -6,5 +6,8 @@ class extends lapis.Application
   [index: "/"]: =>
     render: true
 
+  [contact: "/contact"]: =>
+    render: true
+
   handle_404: =>
     status: 404, render: "notfound"
diff --git a/static/img/contact/github.png b/static/img/contact/github.png
new file mode 100644
index 0000000..92d3c95
Binary files /dev/null and b/static/img/contact/github.png differ
diff --git a/static/img/contact/medium.jpg b/static/img/contact/medium.jpg
new file mode 100644
index 0000000..e974746
Binary files /dev/null and b/static/img/contact/medium.jpg differ
diff --git a/static/img/contact/twitter.png b/static/img/contact/twitter.png
new file mode 100644
index 0000000..d58cf0c
Binary files /dev/null and b/static/img/contact/twitter.png differ
diff --git a/views/contact.moon b/views/contact.moon
new file mode 100644
index 0000000..07a9948
--- /dev/null
+++ b/views/contact.moon
@@ -0,0 +1,27 @@
+import Widget from require "lapis.html"
+
+class Index extends Widget
+  content: =>
+    center ->
+      h1 "Contact Info"
+
+    p class: "lead", ->
+      text "IRC"
+
+    p "I am on many IRC networks. On Freenode I am using the nick Xe but elsewhere I will use the nick Xena."
+
+    p class: "lead", ->
+      text "Social Media"
+
+    div class: "row", ->
+      div class: "col-md-4", ->
+        img src: "/static/img/contact/github.png", height: 350, width: 350
+        a href: "http://github.com/Xe", "GitHub"
+
+      div class: "col-md-4", ->
+        img src: "/static/img/contact/twitter.png", height: 350, width: 350
+        a href: "http://twitter.com/theprincessxena", "Twitter"
+
+      div class: "col-md-4", ->
+        img src: "/static/img/contact/medium.jpg", height: 350, width: 350
+        a href: "http://medium.com/@theprincessxena", "Medium"