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;
+}

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>

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>