Adding social media to contact page

Author: KeiranWDigital

contact.html

@@ -22,6 +22,28 @@ <h1>{{page.title}}</h1>
     We are also available over email at <a href="mail:codewithgroup@gmail.com">codewithgroup@gmail.com</a>.
 </p>
 
+<h2>
+    Social Media
+</h2>
+<ul class="list-unstyled">
+    <li>
+        <span class="fab fa-slack"></span>
+        <a href="#">Slack</a>
+    </li>
+    <li>
+        <span class="fab fa-twitter"></span>
+        <a href="https://twitter.com/codewithgroup" target="_blank">Twitter</a>
+    </li>
+    <li>
+        <span class="fab fa-facebook"></span>
+        <a href="https://www.facebook.com/CodeWithGroup/">Facebook</a>
+    </li>
+    <li>
+        <span class="fas fa-envelope"></span>
+        <a href="mailto:contact@codewith.org.uk?subject=Codewith Website Contact">Email Us</a>
+    </li>
+</ul>
+
 <script>
     let chatButton = document.getElementById('chat-now');
     chatButton.onclick = function (){