added github and youtube icons in the footer to match the side icons as well

Author: JomanaMahmoud

Website/about.html

@@ -380,6 +380,8 @@ <h3>Join the Community</h3>
               <a href="#"><i class="fa-brands fa-instagram"></i></a>
               <a href="#"><i class="fa-brands fa-square-x-twitter"></i></a>
               <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+              <a href="#"><i class="fa-brands fa-github"></i></a>
+              <a href="#"><i class="fa-brands fa-youtube"></i></a>
           </div>
       </div>
       <div class="footer-col-main">

Website/css/styles.css

@@ -1796,6 +1796,7 @@ body.blue-mode {
 .footer-social {
     display: flex;
     align-items: center;
+    
 }
 
 .footer-social i {
@@ -1805,7 +1806,7 @@ body.blue-mode {
     opacity: 0.7;
     border: 2px solid white;
     border-radius: 100%;
-    padding: 0.5rem;
+    padding: 0.6rem;
     transition: background-color 0.3s ease 0s;
 }
 

Website/index.html

@@ -599,6 +599,8 @@ <h2>Here are some of our active GitHub repositories</h2>
                 <a href="#"><i class="fa-brands fa-instagram"></i></a>
                 <a href="#"><i class="fa-brands fa-square-x-twitter"></i></a>
                 <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+                <a href="#"><i class="fa-brands fa-github"></i></a>
+                <a href="#"><i class="fa-brands fa-youtube"></i></a>
             </div>
         </div>
         <div class="footer-col-main">

Website/organization.html

@@ -91,6 +91,8 @@ <h2>Get Involved with Recode Hive</h2>
                 <a href="#"><i class="fa-brands fa-instagram"></i></a>
                 <a href="#"><i class="fa-brands fa-square-x-twitter"></i></a>
                 <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+                <a href="#"><i class="fa-brands fa-github"></i></a>
+                <a href="#"><i class="fa-brands fa-youtube"></i></a>
             </div>
         </div>
         <div class="footer-col-main">