From 06937b63f81895dcdd88515e1f4304636c9683b8 Mon Sep 17 00:00:00 2001
From: TimOsahenru <timosahenru@gmail.com>
Date: Sun, 5 Jan 2025 16:21:38 +0000
Subject: [PATCH 1/4] Grid section for footer

---
 _includes/footer.html | 29 ++++++++++++++---
 assets/css/bpd.css    | 74 +++++++++++++++++++++++++++----------------
 2 files changed, 72 insertions(+), 31 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index db679f3..1a60dae 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,13 +1,34 @@
 <footer role="contentinfo">
   <div class="wrapper">
-    <nav class="social-links">{%- include social.html -%}</nav>
-    <div class="footer-col-wrapper">
+    <div class="footer-grid">
+      <!-- About Us Section -->
       <div class="footer-col">
-        <a href="/coc/">Code of Conduct</a>
+        <h3>About us</h3>
+        <p>Black Python Devs is a US Non-Profit Organization under the fiscal hosting of the GNOME Foundation. The foundation aims to expand access to Python communities and resources to communities of Black Python Developers around the world.</p>
       </div>
+      <!-- Quick link Section -->
       <div class="footer-col">
-        <small>&copy; {{ 'now' | date: "%Y" }} {{ site.domain }}</small>
+        <h3>Quick link</h3>
+        <ul>
+          <li><a href="/about/">About Us</a></li>
+          <li><a href="/event/">Events</a></li>
+          <li><a href="/community/">Community</a></li>
+          <li><a href="/support/">Support</a></li>
+        </ul>
       </div>
+      <!-- Contact Us Section -->
+      <div class="footer-col">
+        <h3>Contact Us</h3>
+        <address>
+          <p>Email: <a href="contact@blackpythondevs.com ">contact@blackpythondevs.com </a></p>
+          <p>Phone: 1234</p>
+          <p>Address: Address</p>
+        </address>
+        <nav>{%- include social.html -%}</nav>
+      </div>
+    </div>
+    <div class="footer-bottom">
+      <small>&copy; {{ 'now' | date: "%Y" }} {{ site.domain }}</small>
     </div>
   </div>
 </footer>
diff --git a/assets/css/bpd.css b/assets/css/bpd.css
index b26d4e1..96d7a93 100644
--- a/assets/css/bpd.css
+++ b/assets/css/bpd.css
@@ -369,19 +369,6 @@ footer {
   margin-left: 0;
 }
 
-.footer-col {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-
-.footer-col-wrapper,
-.social-links {
-  font-size: 0.9375rem;
-  color: var(--minima-brand-color);
-}
-
 .social-media-list {
   display: table;
   margin: 0 auto;
@@ -414,14 +401,6 @@ footer {
   vertical-align: text-bottom;
 }
 
-.wrapper {
-  max-width: calc(800px - (30px));
-  margin-right: auto;
-  margin-left: auto;
-  padding-right: 15px;
-  padding-left: 15px;
-}
-
 @media screen and (min-width: 800px) {
   .wrapper {
     max-width: calc(800px - (30px * 2));
@@ -430,12 +409,6 @@ footer {
   }
 }
 
-.wrapper:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
 .page-content {
   padding: 30px 0;
   flex: 1 0 auto;
@@ -522,3 +495,50 @@ ul.speaking-list {
     max-width: 60%;
   }
 }
+
+.wrapper {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 20px;
+}
+
+.footer-grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 60px;
+}
+
+.footer-col {
+  padding: 10px;
+}
+
+.footer-col h3 {
+  margin-bottom: 10px;
+  font-size: 2em;
+}
+
+.footer-col ul {
+  list-style: none;
+  padding: 0;
+}
+
+.footer-col ul li {
+  margin-bottom: 5px;
+}
+
+.footer-col ul li a {
+  text-decoration: none;
+  color: #007b95;
+  font-size: 16px;
+}
+
+.footer-col address p {
+  margin: 0 0 5px;
+}
+
+.footer-bottom {
+  text-align: center;
+  margin-top: 20px;
+  font-size: 0.875em;
+  color: #555;
+}

From 5e5dfd701d7ed426eea618682ca588d52c22aae1 Mon Sep 17 00:00:00 2001
From: TimOsahenru <timosahenru@gmail.com>
Date: Sun, 5 Jan 2025 16:31:29 +0000
Subject: [PATCH 2/4] Fixed spacing issue with grid items

---
 assets/css/bpd.css | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/assets/css/bpd.css b/assets/css/bpd.css
index 96d7a93..8e2aadb 100644
--- a/assets/css/bpd.css
+++ b/assets/css/bpd.css
@@ -505,7 +505,7 @@ ul.speaking-list {
 .footer-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
-  gap: 60px;
+  gap: 50px;
 }
 
 .footer-col {
@@ -542,3 +542,21 @@ ul.speaking-list {
   font-size: 0.875em;
   color: #555;
 }
+@media (max-width: 768px) {
+  .footer-grid {
+    grid-template-columns: 1fr;
+    gap: 30px;
+  }
+
+  .footer-col h3 {
+    font-size: 1.5em;
+  }
+
+  .footer-col ul li a {
+    font-size: 14px;
+  }
+
+  .footer-bottom {
+    font-size: 0.75em;
+  }
+}

From ffdc6324e6d0cb70f93a1a8ba663fd2c53de9fd6 Mon Sep 17 00:00:00 2001
From: TimOsahenru <timosahenru@gmail.com>
Date: Thu, 9 Jan 2025 04:29:28 +0000
Subject: [PATCH 3/4] removed phone number and address from footer contact

---
 _includes/footer.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 1a60dae..dbfca7b 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -21,8 +21,6 @@ <h3>Quick link</h3>
         <h3>Contact Us</h3>
         <address>
           <p>Email: <a href="contact@blackpythondevs.com ">contact@blackpythondevs.com </a></p>
-          <p>Phone: 1234</p>
-          <p>Address: Address</p>
         </address>
         <nav>{%- include social.html -%}</nav>
       </div>

From a71dc7f28a8f6e0e286fe5547abf3862fd107e63 Mon Sep 17 00:00:00 2001
From: Osahenru <93861430+TimOsahenru@users.noreply.github.com>
Date: Thu, 9 Jan 2025 15:32:41 +0000
Subject: [PATCH 4/4] included mailto to email link tags

Co-authored-by: Jay Miller <kjaymiller@gmail.com>
---
 _includes/footer.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index dbfca7b..9a88f25 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -20,7 +20,7 @@ <h3>Quick link</h3>
       <div class="footer-col">
         <h3>Contact Us</h3>
         <address>
-          <p>Email: <a href="contact@blackpythondevs.com ">contact@blackpythondevs.com </a></p>
+          <p>Email: <a href="mailto:contact@blackpythondevs.com">contact@blackpythondevs.com </a></p>
         </address>
         <nav>{%- include social.html -%}</nav>
       </div>