[#12375] Update phrasing of contact page (#13157)

* Update phrasing of contact page

* Update phrasing and add icon

* Add additional icons

---------

Co-authored-by: domoberzin <74132255+domoberzin@users.noreply.github.com>

src/web/app/pages-static/contact-page/contact-page.component.html

@@ -3,16 +3,21 @@ <h1 class="color-orange">
 </h1>
 <img src="assets/images/contact.png">
 <p>
-  <b>Email:</b> You can contact us at the following email address: <a href="mailto:{{ supportEmail }}">{{ supportEmail }}</a>.
+  <b>Email:</b> You can contact us at the following email address:
+  <a href="mailto:{{ supportEmail }}"><span aria-hidden="true" class="fas fa-envelope"></span>{{ supportEmail }}</a>.
 </p>
 <p>
-  <b>Blog:</b> Visit the <a href="http://teammatesonline.blogspot.sg/" target="_blank" rel="noopener noreferrer">TEAMMATES Blog</a> to see our latest updates and information.
+  <b>Blog:</b> Visit the
+  <a href="http://teammatesonline.blogspot.sg/" target="_blank" rel="noopener noreferrer"><span aria-hidden="true" class="fab fa-blogger"></span>TEAMMATES Blog</a>
+  to see our latest updates and information.
 </p>
 <p>
   <b>Bug reports and feature requests:</b> Any bug reports or feature requests can be submitted to above email address.
 </p>
 <p>
-  <b>Interested in joining us?</b> Visit our <a href="https://github.com/TEAMMATES/teammates" target="_blank" rel="noopener noreferrer">Developer Website</a>.
+  <b>Interested in joining us?</b> Visit our
+  <a href="https://github.com/TEAMMATES/teammates" target="_blank" rel="noopener noreferrer">
+    <span aria-hidden="true" class="fab fa-github"></span>TEAMMATES Github</a>.
 </p>
 <p>
   <b>Becoming a sponsor</b>: