about buttons styles - fa icons

css/styles.css

@@ -333,8 +333,8 @@ section .title::after {
   color: #00aa2d;
   font-size: 20px;
   font-weight: 500;
-  padding: 10px 30px;
-  margin-top: 20px;
+  padding: 6px 16px;
+  margin: 14px 6px 0px 0px;
   border-radius: 6px;
   border: 2px solid #00aa2d;
   transition: all 0.3s ease-in-out;
@@ -345,14 +345,39 @@ section .title::after {
   background: #00aa2d;
 }
 
-.about .about-content .right .sm-btn {
+.about .about-content .right .linkedin::before {
+  font: var(--fa-font-brands);
+  content: "\f08c";
+  padding-right: 6px;
+}
+
+.about .about-content .right .resume::before {
+  font: var(--fa-font-regular);
+  content: "\f15c";
+  padding-right: 6px;
+}
+
+
+.about .about-content .right .github::before {
+  font: var(--fa-font-brands);
+  content: "\f092";
+  padding-right: 6px;
+}
+
+.about .about-content .right .sourcecode {
   color: #0065b3;
   border: 2px solid #0065b3;
   font-size: 14px;
-  padding: 4px 12px;
+  padding: 6px 12px;
+}
+
+.about .about-content .right .sourcecode::before {
+  font: var(--fa-font-solid);
+  content: "\f121";
+  padding-right: 6px;
 }
 
-.about .about-content .right .sm-btn:hover {
+.about .about-content .right .sourcecode:hover {
   color: white;
   background: #0065b3;
 }

index.html

@@ -382,7 +382,10 @@ <h2 class="title">Contact me</h2>
     <footer>
         <h2><span class="typing-3"></span></h2>
         <p>
-            &copy; 2024 <a href="http://www.johnlang.net" target="_blank">John Langston</a> |
+            <a href="https://www.linkedin.com/in/johnlang7" target="_blank">LinkedIn</a> |
+            <a href="files/john-langston-resume.pdf" target="_blank">Resume</a> |
+            <a href="https://github.com/johnabrams7" target="_blank">GitHub</a> |
+            &copy; 2024 <a href="http://www.johnlang.net">John Langston</a> |
             All Rights Reserved
         </p>
     </footer>