From a3a519937754110d9ada7eab625a1e3141fa8a31 Mon Sep 17 00:00:00 2001
From: Jomana Mahmoud Tantawy
 <140981371+JomanaMahmoud@users.noreply.github.com>
Date: Wed, 23 Oct 2024 08:56:25 +0000
Subject: [PATCH] added github and youtube icons in the footer to match the
 side icons as well

---
 Website/about.html        | 2 ++
 Website/css/styles.css    | 3 ++-
 Website/index.html        | 2 ++
 Website/organization.html | 2 ++
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/Website/about.html b/Website/about.html
index 44b293d00..23391c4d7 100644
--- a/Website/about.html
+++ b/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">
diff --git a/Website/css/styles.css b/Website/css/styles.css
index 80bc4b517..2215eb105 100644
--- a/Website/css/styles.css
+++ b/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;
 }
 
diff --git a/Website/index.html b/Website/index.html
index e85e3b241..8cf9eeaaa 100644
--- a/Website/index.html
+++ b/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">
diff --git a/Website/organization.html b/Website/organization.html
index df0ff376c..d886cb826 100644
--- a/Website/organization.html
+++ b/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">