added social links to footer

app/client/app.css

@@ -1363,6 +1363,9 @@ nav form input[type="image"]{
 #banned-container {
     color: white;
 }
+.social-link{
+    margin-right: 5px;
+}
 @media (max-width: 991px){
     .contact-img{
         float: none;

app/client/templates/footer.html

@@ -6,6 +6,9 @@
         <a href="/privacy" class="footerButtons" id="privacyButton">Privacy |</a>
         <a href="/about" class="footerButtons" id="aboutButton">About |</a>
         <a href="/contact" class="footerButtons" id="contactButton">Contact</a>
-        <p><a href="https://github.com/AkiraLaine/music-app" target="_blank"><i class="fa fa-github"></i></a></p>
+        <br>
+        <a class="social-link" href="https://www.facebook.com/MusareMusic" target="_blank"><i class="fa fa-facebook"></i></a>
+        <a class="social-link" href="https://twitter.com/musareapp" target="_blank"><i class="fa fa-twitter"></i></a>
+        <a class="social-link" href="https://github.com/AkiraLaine/music-app" target="_blank"><i class="fa fa-github"></i></a>
     </footer>
 </template>