Finished the footer

frontend/src/app/footer/footer.component.html

@@ -1 +1,44 @@
-<p>footer works!</p>
+<footer>
+  <div class="footer">
+    <div class="footerInner">
+      <div class="footerText">
+        <h2>ABOUT US</h2>
+        <p>​Altitude is a community-centered {{ ALTITUDE_VERSION }} survival server. We're one of those servers you come
+          to call "home". We are your place to get together with friends and play survival, with a few extra features
+          suggested by our community!</p>
+        <div class="followUs" style="height: 35px; display: flex; align-items: flex-end;">
+          <a target="_blank" rel="noopener" href="https://discordapp.com/invite/TGqpzCJ">
+            <img ngSrc="/public/img/logos/discord.png" alt="Discord Button" height="32" width="32">
+          </a>
+          <a target="_blank" rel="noopener" href="https://twitter.com/alttdmc">
+            <img ngSrc="/public/img/logos/twitter.png" alt="Twitter Button" height="32" width="32">
+          </a>
+          <a target="_blank" rel="noopener" href="https://instagram.com/alttdmc">
+            <img ngSrc="/public/img/logos/instagram.png" alt="Instagram Button" height="32" width="32">
+          </a>
+        </div>
+      </div>
+      <div class="footerNav">
+        <h2>COMMUNITY</h2>
+        <ul>
+          <li><a target="_blank" rel="noopener" href="https://discordapp.com/invite/TGqpzCJ">Discord</a></li>
+          <li><a target="_blank" rel="noopener" href="https://alttd.com/blog">Blog</a></li>
+          <li><a target="_blank" rel="noopener" href="https://twitter.com/alttdmc">Twitter</a></li>
+          <li><a target="_blank" rel="noopener" href="https://instagram.com/alttdmc">Instagram</a></li>
+          <li><a target="_blank" rel="noopener" href="https://reddit.com/r/alttd">Reddit</a></li>
+        </ul>
+      </div>
+      <div class="footerNav">
+        <h2>SERVER</h2>
+        <ul>
+          <li><a [routerLink]="['/about']">About Us</a></li>
+          <li><a [routerLink]="['/team']">Staffing Team</a></li>
+          <li><a [routerLink]="['/privacy']">Privacy Policy</a></li>
+          <li><a [routerLink]="['/terms']">Terms of Use</a></li>
+        </ul>
+      </div>
+    </div>
+    <p class="copyright">Copyright © 2015-{{ getCurrentYear() }} Altitude. All rights Reserved. Not affiliated with
+      Mojang AB or Microsoft.</p>
+  </div>
+</footer>