diff --git a/website/styles/footer.css b/website/styles/footer.css
new file mode 100644
index 0000000..2092a7b
--- /dev/null
+++ b/website/styles/footer.css
@@ -0,0 +1,12 @@
+footer {
+    width: calc(100% - 256px);
+    margin-left: 256px;
+
+    background-color: rgba(0,0,0,0.4);
+}
+
+footer p {
+    padding: 5px;
+
+    font-size: 14px;
+}
diff --git a/website/views/footer.php b/website/views/footer.php
new file mode 100644
index 0000000..a7bed4e
--- /dev/null
+++ b/website/views/footer.php
@@ -0,0 +1,3 @@
+<footer>
+    <p>Copyright &copy; 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span</p>
+</footer>
diff --git a/website/views/head.php b/website/views/head.php
index cdfa332..3654103 100644
--- a/website/views/head.php
+++ b/website/views/head.php
@@ -3,12 +3,16 @@
     <title>MyHyvesbook+</title>
     <!-- Add your javascript files here. -->
     <script src="js/jquery.js"></script>
+    <script src="js/header.js"></script>
+    <script src="js/menu.js"></script>
     <style>
         /* Add your css files here. */
         @import url("styles/main.css");
-        @import url("styles/chat.css");
         @import url("styles/font-awesome.css");
         @import url("styles/header.css");
         @import url("styles/menu.css");
+        @import url("styles/footer.css");
+
+        @import url("styles/chat.css");
     </style>
 </head>