diff --git a/css/contact.css b/css/contact.css
index 4b647cf..87677d5 100644
--- a/css/contact.css
+++ b/css/contact.css
@@ -5,13 +5,42 @@
  * Copyright (c) 2020 Lukas Heiligenbrunner
  */
 
+#section5{
+    background-color: #dc3545;
+}
+
 .personalcontacts{
     margin-top: 60px;
 }
 
+.personalcontacts a{
+    text-decoration: none;
+}
+
 #githubsign{
+    margin-top: 30px;
+}
+
+#emailsign{
+
+}
+
+#gitlabsign{
+    margin-top: 30px;
+    position: relative;
+    left: -6px;
+}
+
+.contactsign{
+    width: 400px;
+    padding: 10px;
+    border-radius: 5mm;
+    font-size: larger;
     color: white;
 }
+.contactsign:hover{
+    background-color: #972f38;
+}
 
 #section5{
     height: 50%;
diff --git a/index.html b/index.html
index 31144c6..a82a3ad 100644
--- a/index.html
+++ b/index.html
@@ -197,13 +197,19 @@
     </div>
 
     <!-- Contact Page -->
-    <div id="section5" class="bg-danger tile">
+    <div id="section5" class="tile">
         <div class="container">
             <h1>Contact</h1>
             <h3>I'd love to hear from You!</h3>
             <div class="personalcontacts">
-                <a href="https://github.com/lukas-heiligenbrunner"><div id="githubsign">
-                    <span><img src="rsc/GitHub-Mark-64px.png" height="32px"> github.com/Lukas-Heiligenbrunner</span>
+                <a href="mailto:lukas.heiligenbrunner@gmail.com"><div id="emailsign" class="contactsign">
+                    <span><img src="rsc/emailicon.png" height="32px"> &nbsp; lukas.heiligenbrunner@gmail.com</span>
+                </div></a>
+                <a href="https://github.com/lukas-heiligenbrunner"><div id="githubsign" class="contactsign">
+                    <span><img src="rsc/GitHub-Mark-64px.png" height="32px"> &nbsp; github.com/Lukas-Heiligenbrunner</span>
+                </div></a>
+                <a href="https://gitlab.heili.eu/lukas"><div id="gitlabsign" class="contactsign">
+                    <span><img src="rsc/gitlab-icon-black.png" height="40px"> gitlab.heili.eu/lukas</span>
                 </div></a>
             </div>
         </div>
diff --git a/rsc/emailicon.png b/rsc/emailicon.png
new file mode 100644
index 0000000..8df50c8
Binary files /dev/null and b/rsc/emailicon.png differ
diff --git a/rsc/gitlab-icon-black.png b/rsc/gitlab-icon-black.png
new file mode 100644
index 0000000..535a436
Binary files /dev/null and b/rsc/gitlab-icon-black.png differ