Merge pull request #1538 from JomanaMahmoud/add--github-to-footer

added github and youtube icons in the footer
recodehive · Oct 24, 2024 · c79b704 · c79b704
2 parents 0f4e71d + a3a5199
commit c79b704
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -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">