Toegevoegd: Sociale media en iconen

contact.html

@@ -103,13 +103,26 @@
             <h1>Contactgegevens:</h1>
           </div>
             <div class="links-container">
-              <a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank"></i>E-mail: mathijs@lermer.nl</a>
+              <a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank"></i><i class="fa fa-at fa-lg" aria-hidden="true"></i>  -  E-Mail  -  mathijs@lermer.nl</a>
               <br>
-              <a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me"class="mrl-button" target="_blank">[Matrix]: @mathijs:lermer.nl</a>
+              <a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me"class="mrl-button" target="_blank"><i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i>  -  [MARIX]  -  @mathijs:lermer.nl</a>
-              <br>
-              <a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank">Mastodon: @mathijs@lermer.nl </a>
             </div>
 
+            <div id="tekst-midden">
+              <h1>Sociale media:</h1>
+            </div>
+              <div class="links-container">
+                <a href="https://github.com/Mathijs0" rel="me"class="mrl-button" target="_blank"><i class="fa fa-github fa-lg" aria-hidden="true"></i>  -  Github</a>
+                <br>
+                <a href="https://www.linkedin.com/in/lermer/" rel="me"class="mrl-button" target="_blank"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i>  -  Linkedin</a>
+                <br>
+                <a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i>  -  Mastodon</a>
+                <br>
+                <a href="https://twitter.com/MLermer" rel="me" class="mrl-button" target="_blank"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i>  -  Twitter</a>
+
+              </div>
+
+
           </div>
         </div>  
       </section>