diff --git a/assets/Moai.png b/assets/Moai.png
new file mode 100644
index 0000000..5ce773d
Binary files /dev/null and b/assets/Moai.png differ
diff --git a/index.html b/index.html
index 82a8099..3bc1b8c 100644
--- a/index.html
+++ b/index.html
@@ -15,11 +15,26 @@ <h2>Our duties:</h2>
 			<li>Running Assemblies in the Levi Fox Hall, Gym and Chapel</li>
 			<li>Events such as plays, concerts and BricKES LEGO</li>
 		</ul>
+		<moai-icon>80</moai-icon> <moai-icon>80</moai-icon> <moai-icon>80</moai-icon>
 
-		<div class="centre">
-			<img src="assets/KES.png" alt="The logo of King Edward VI School, Stratford-Upon-Avon">
+	</div>
+	<div id="footer">
+		<div class="center">
+			<a href="http://kes.net"><img src="assets/KES.png"
+					alt="The logo of King Edward VI School, Stratford-Upon-Avon"></a>
+			<p>Website by <a href="http://19lbates.github.io">19lbates</a></p>
 		</div>
 	</div>
 </body>
 
+<script>
+	class Moai extends HTMLElement {
+		connectedCallback() {
+			var size = this.innerHTML;
+			this.innerHTML = `<img src="assets/moai.png" height="${size}">`;
+		}
+	}
+	customElements.define("moai-icon", Moai);
+</script>
+
 </html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index 45c1aaa..dea0ff2 100644
--- a/styles.css
+++ b/styles.css
@@ -5,12 +5,25 @@ body {
 
 #main {
     margin: 25px;
+    min-height: 1000px;
 }
 
-.centre {
+.center {
     text-align: center;
 }
 
+a:link, a:visited {
+    text-decoration: none;
+    font-weight: bold;
+    color: currentColor;
+}
+
+a:hover, a:active {
+    text-decoration: underline;
+    font-weight: bold;
+    color: currentColor;
+}
+
 h1 {
     margin: 0px;
     padding: 80px;
@@ -24,4 +37,11 @@ h2 {
     padding: 10px;
     font-size: 25px;
     color: #0d3e3f;
+}
+
+#footer {
+    margin: 0px;
+    padding: 20px 0px 10px 0px;
+    color: #ffffff;
+    background-color: #081154;
 }
\ No newline at end of file