add mastodon

index.html

@@ -9,7 +9,7 @@
     <link rel="icon" type="image/png" sizes="512x512" href="/assets/img/logo.png">
     <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:400,700,900&amp;display=swap">
-    <link rel="stylesheet" href="/assets/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
     <link rel="stylesheet" href="/assets/css/styles.css">
 </head>
@@ -76,7 +76,9 @@ <h3 class="d-flex d-xl-flex justify-content-end align-items-end justify-content-
         <div class="text-white-50 bg-primary border rounded border-light jumbotron py-5 px-4" style="display: table-cell;vertical-align: middle;text-align: center;">
             <h1 class="text-center text-light" style="font-weight: bold;">Connect with us.</h1>
             <p class="text-center" style="line-height: 24px;">Keep up with us on our social media channels!</p>
-            <p class="text-center"></p><a class="dietz" href="https://twitter.com/CosmicMediaLLC"><i class="fa fa-twitter"></i></a><a class="dietz" href="https://www.facebook.com/CosmicMediaLLC"><i class="fa fa-facebook"></i></a>
+            <a class="dietz" href="https://twitter.com/CosmicMediaLLC"><i class="fab fa-twitter"></i></a>
+            <a class="dietz" href="https://www.facebook.com/CosmicMediaLLC"><i class="fab fa-facebook"></i></a>
+            <a class="dietz" rel="me" href="https://mastodon.online/@CosmicMedia"><i class="fab fa-mastodon"></i></a>
         </div>
     </section>
     <footer class="text-white-50 bg-dark footer-basic">