From 22704c2199aaee3347d3be28e062a1ba7901e682 Mon Sep 17 00:00:00 2001
From: RagniNagpal <ragninagpal@gmail.com>
Date: Wed, 20 Aug 2025 19:59:34 +0530
Subject: [PATCH 1/2] Improve mobile layout for Contact Us section

---
 index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index f6235a12..ffc82aa8 100644
--- a/index.html
+++ b/index.html
@@ -144,7 +144,7 @@ <h1 data-aos="fade-right" data-aos-duration="650">
               Code Run <br />
               <span class="blueCol">Contribute</span>
             </h1>
-            <p data-aos="fade-right" data-aos-duration="650" class="heroDescription">
+            <p data-aos="fade-right" data-aos-duration="650" class="heroDescription text-muted">
               CodeClip is a lightweight, browser-based platform designed to make
               coding practice simple, accessible, and collaborative. Whether
               you're a beginner looking to sharpen your skills or an aspiring
@@ -522,7 +522,7 @@ <h5 class="card-title userName">Rahul</h5>
         <h3 data-aos-duration="650" data-aos="fade-up" class="secHeader"><span>About</span> CodeClip</h3>
         <div class="row aboutContainer">
           <div class="col-10">
-            <p data-aos-duration="650" data-aos="fade-up">
+            <p data-aos-duration="650" data-aos="fade-up text-muted">
               CodeClip is a lightweight, browser-based platform designed to make
               coding practice simple, accessible, and collaborative. Whether
               you're a beginner looking to sharpen your skills or an aspiring
@@ -559,7 +559,7 @@ <h3 data-aos-duration="650" data-aos="fade-up" class="secHeader"><span>About</sp
             <a class="navbar-brand mb-2" href="#homeSection"
               >Code<span>Clip</span></a
             > 
-            <p class="footer-desc mb-0">
+            <p class="footer-desc mb-0 text-dark">
               CodeClip is a open source project under GirlScript Summer of Code
               (GSSoC) 2025 to open for contribution
             </p> 
@@ -577,7 +577,7 @@ <h5 class="footer-title">Important Links</h5>
             <h5 data-aos-duration="650" data-aos="fade-left" class="footer-title">Contact Us</h5>
             <div class="footer-contact-row d-flex justify-content-center">
               <div data-aos-duration="650" data-aos="fade-right"
-                class="footer-contact-col d-flex flex-column align-items-center"
+                class="footer-contact-col d-flex flex-column gap-3 w-100"
               >
                 <a
                   href="https://github.com/opensource-society/CodeClip"
@@ -612,7 +612,7 @@ <h5 data-aos-duration="650" data-aos="fade-left" class="footer-title">Contact Us
                 <a
                   href="https://www.linkedin.com/in/adityai0"
                   target="_blank"
-                  class="btn btn-primary mb-2 footer-contact-btn"
+                  class="btn btn-primary mb-2 footer-contact-btn mt-3 "
                   style="max-width: 250px"
                 >
                   <i class="fab fa-linkedin-in me-2"></i> LinkedIn

From e241d06897475910c0ad9f0440366309d8ab5a1a Mon Sep 17 00:00:00 2001
From: RagniNagpal <ragninagpal@gmail.com>
Date: Wed, 20 Aug 2025 21:29:34 +0530
Subject: [PATCH 2/2] Fix contact section mobile layout

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ffc82aa8..8a5d9f7a 100644
--- a/index.html
+++ b/index.html
@@ -553,7 +553,7 @@ <h3 data-aos-duration="650" data-aos="fade-up" class="secHeader"><span>About</sp
 
     <!-- ================================ Footer Section Start Here ================================ -->
     <footer id="contactFooter">
-      <div class="container">
+      <div class=a"container">
         <div class="row align-items-start justify-content-between py-4">
           <div data-aos-duration="650" data-aos="fade-up" class="col-12 col-md-3 mb-4 mb-md-0 footer-logo-col">
             <a class="navbar-brand mb-2" href="#homeSection"