diff --git a/controllers/api.js b/controllers/api.js
index 3418faf16b..c6cfa7c910 100644
--- a/controllers/api.js
+++ b/controllers/api.js
@@ -1,3 +1,3 @@
 exports.apiBrowser = function(req, res) {
-
+  res.render('api');
 };
\ No newline at end of file
diff --git a/controllers/contact.js b/controllers/contact.js
index b910bcbeaa..9caa18d5b7 100644
--- a/controllers/contact.js
+++ b/controllers/contact.js
@@ -1,5 +1,5 @@
 exports.getContact = function(req, res) {
-
+  res.render('contact');
 };
 
 exports.postContact = function(req, res) {
diff --git a/views/api.jade b/views/api.jade
new file mode 100644
index 0000000000..b430493628
--- /dev/null
+++ b/views/api.jade
@@ -0,0 +1,4 @@
+extends layout
+
+block content
+  h1 API Browser
\ No newline at end of file
diff --git a/views/contact.jade b/views/contact.jade
new file mode 100644
index 0000000000..f5279abf5e
--- /dev/null
+++ b/views/contact.jade
@@ -0,0 +1,4 @@
+extends layout
+
+block content
+  h1 Contact page
\ No newline at end of file
diff --git a/views/layout.jade b/views/layout.jade
index 4ebcd04ae2..97fc8fff40 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -27,9 +27,9 @@ html
             li(class=title=='Home'?'active':undefined)
               a(href='/') Home
             li(class=title=='About'?'active':undefined)
-              a(href='#about') About
+              a(href='/api') API
             li(class=title=='Contact'?'active':undefined)
-              a(href='#contact') Contact
+              a(href='/contact') Contact
           ul.nav.navbar-nav.navbar-right
             if !user
               li(class=title=='Login'?'active':undefined)