diff --git a/Frontend/src/app/footer/footer.component.css b/Frontend/src/app/footer/footer.component.css
index e25c62c..c39569a 100644
--- a/Frontend/src/app/footer/footer.component.css
+++ b/Frontend/src/app/footer/footer.component.css
@@ -1,3 +1,17 @@
-.container{
-  text-align: center;
+.footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    background-color: dimgrey;
+    color: white;
+    text-align: center;
 }
+
+.icon-3d {
+    padding: 10px;
+    color: #fff;
+}
+
+
+
diff --git a/Frontend/src/app/footer/footer.component.html b/Frontend/src/app/footer/footer.component.html
index aa19043..e6d17d8 100644
--- a/Frontend/src/app/footer/footer.component.html
+++ b/Frontend/src/app/footer/footer.component.html
@@ -1,7 +1,14 @@
 <!--- footer --->
 
-<footer class = "footer">
-  <div class="container">
-    .footer
-  </div>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+<footer class="footer">
+    <div class='wrap'>
+        <div class="icons">
+            <a href="https://github.com/Mueller-Patrick/Betterzon" class="fa fa-github fa-4x icon-3d"></a>
+            <a href="https://twitter.com/elonmusk" class="fa fa-twitter fa-4x icon-3d"></a>
+            <a href="https://www.facebook.com/TheElonmusk/" class="fa fa-facebook fa-4x icon-3d"></a>
+        </div>
+        <div class = "blocks" id="copyright">© COPYRIGHT 2020 </div>
+    </div>
 </footer>
diff --git a/Frontend/src/app/landingpage/landingpage.component.html b/Frontend/src/app/landingpage/landingpage.component.html
index 8a7dfd1..777b5a1 100644
--- a/Frontend/src/app/landingpage/landingpage.component.html
+++ b/Frontend/src/app/landingpage/landingpage.component.html
@@ -1 +1,2 @@
 <app-product-list numberOfProducts="20" showProductPicture="true"></app-product-list>
+<app-footer></app-footer>