Merge pull request #53 from ThetaTauMiami/elizabeth-branch

Add TikTok link and icon in footer

Author: elizabeth-bittner

public/components/footer.html

@@ -1,13 +1,33 @@
-<nav class="navbar" class="footer">
+<nav class="navbar footer">
     <div class="row">
+        <!-- Social Media Links -->
         <div class="col-lg-12 text-center">
             <h1 class="social-h1">
+                <a href="https://www.instagram.com/thetatau_miamiu" target="_blank" rel="noopener">
+                    <i class="fa-brands fa-instagram"></i>
+                </a>
+
+                <a href="https://www.tiktok.com/@thetataumu" target="_blank" rel="noopener">
+                    <i class="fa-brands fa-tiktok"></i>
+                </a>
+
                 <!-- Removed facebook and Twitter as they are no longer used for now -->
-                <a href="https://www.instagram.com/thetatau_miamiu" target="_blank"><i class="fa fa-instagram"></i></a>
-                <!--<a href="https://www.facebook.com/ThetaTauMU/?fref=ts" target="_blank"><i class="fa fa-facebook"></i></a>-->
-                <!--<a href="https://twitter.com/thetataumu" target= "_blank"><i class="fa fa-twitter"></i></a>-->
-                <a href="https://www.linkedin.com/groups/8471878/" target="_blank"><i class="fa fa-linkedin"></i></a>
-                <a href="https://github.com/ThetaTauMiami/" target="_blank"><i class="fa fa-github"></i></a>
+
+                <!--a href="https://www.facebook.com/ThetaTauMU/?fref=ts" target="_blank" rel="noopener">
+                    <i class="fa-brands fa-facebook"></i>
+                </a-->
+
+                <!--a href="https://twitter.com/thetataumu" target="_blank" rel="noopener">
+                    <i class="fa-brands fa-twitter"></i>
+                </a-->
+
+                <a href="https://www.linkedin.com/groups/8471878/" target="_blank" rel="noopener">
+                    <i class="fa-brands fa-linkedin"></i>
+                </a>
+
+                <a href="https://github.com/ThetaTauMiami/" target="_blank" rel="noopener">
+                    <i class="fa-brands fa-github"></i>
+                </a>
             </h1>
         </div>
         <div class="col-lg-12 text-center">

public/components/styles.html

@@ -1,7 +1,10 @@
 <link href="./favicon.ico" rel="shortcut icon" type="image/x-icon">
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
-<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
-<link rel="stylesheet" href="assets/css/style.css">
+
+<!-- for social media logos -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+
 <link rel="stylesheet" href="assets/css/home.css">
-<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
+<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
+<link rel="stylesheet" href="assets/css/style.css">

public/contact.html

@@ -36,16 +36,6 @@
 
     <!-- Added upper ---------------------------------->
 
-    <div class="container">
-      <div class="row" style="text-align: center">
-        <!-- Removed facebook and Twitter as they are no longer used for now -->
-        <!--<a href="https://www.facebook.com/ThetaTauMU/" target="_blank"><i id="social" class="fa fa-facebook-official fa-5x" aria-hidden="true">&nbsp;&nbsp; </i></a>-->
-        <!--<a href="https://twitter.com/thetataumu?lang=en" target="_blank"><i id="social" class="fa fa-twitter fa-5x" aria-hidden="true">&nbsp;&nbsp;</i></a>-->
-        <a href="https://www.instagram.com/thetatau_miamiu/?hl=en" target="_blank"><i id="social" class="fa fa-instagram fa-5x" aria-hidden="true">&nbsp;&nbsp;</i></a>
-        <a href="http://www.linkedin.com/groups/8471878" target="_blank"><i id="social" class="fa fa-linkedin fa-5x" aria-hidden="true"></i></a>
-      </div>
-    </div>
-
     <div class="container">
       <div class="row">
         <div class="col-md-6 col-md-offset-3">