diff --git a/assets/about/about.html b/assets/about/about.html
index 90c8c4d..9c1a9df 100644
--- a/assets/about/about.html
+++ b/assets/about/about.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="../../style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
+    <script src="https://kit.fontawesome.com/4cf6385dfa.js" crossorigin="anonymous"></script>
     <title>Eventica | About</title>
 </head>
 
@@ -29,7 +30,7 @@
                     <li><a href="#"><i class="fas fa-circle-info"></i> About</a></li>
                     <li><a href="../../index.html#events"><i class="fas fa-calendar-alt"></i> Upcoming Events</a></li>
                     <li><a href="../pastevents/pastevents.html"><i class="fas fa-calendar-check"></i> Past Events</a></li>
-                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users"></i>Contributors</a></li>
+                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users"></i> Contributors</a></li>
                     <li><a href="../contact/contact.html"><i class="fas fa-phone"></i> Contact</a></li>
                 </ul>
                 <div class="theme-switcher">
@@ -96,6 +97,48 @@ <h3 class="feature-title">Up-to-date Calendar</h3>
 
     <!-- Footer section -->
     <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h1 class="company-name heading"><img src="../images/logos/logo1.png">Eventica</h1>
+                <p>Eventica, an ultimate guide to the dynamic and diverse events in Bangalore.
+                    As the heart of India's tech and cultural hub, Eventica is dedicated to bridging the gap between event organizers and eager participants, creating a vibrant community.</p>
+            </div>
+            <div class="quick-links">
+                <h1 class="heading">Quick Links</h1>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa fa-house" aria-hidden="true"></i> Home</a></li>
+                    <li><a href="#"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> About</a></li>
+                    <li><a href="../../index.html#events"><i class="fas fa-calendar-alt" aria-hidden="true"></i> Upcoming Events</a></li>
+                    <li><a href="../pastevents/pastevents.html"><i class="fas fa-calendar-check" aria-hidden="true"></i> Past Events</a></li>
+                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users" aria-hidden="true"></i> Contributors</a></li>
+                    <li><a href="../contact/contact.html"><i class="fa fa-phone" aria-hidden="true"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h1 class="heading">Keep In Touch</h1>
+                <form id="contact-form" name="Eventica Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-user socials"></i></a>
+                    <a class="message" href="mailto:roshanrakesh7362@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fa fa-linkedin-square"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+
         <p class="copyright">Created By Rakesh Roshan ❤️ | ©
             <script>
                 document.write(new Date().getFullYear());
diff --git a/assets/contact/contact.html b/assets/contact/contact.html
index 311c580..6815f2a 100644
--- a/assets/contact/contact.html
+++ b/assets/contact/contact.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="../../style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
+    <script src="https://kit.fontawesome.com/4cf6385dfa.js" crossorigin="anonymous"></script>
     <title>Eventica | Contact Us</title>
 </head>
 
@@ -29,7 +30,7 @@
                     <li><a href="../about/about.html"><i class="fas fa-circle-info"></i> About</a></li>
                     <li><a href="../../index.html#events"><i class="fas fa-calendar-alt"></i> Upcoming Events</a></li>
                     <li><a href="../pastevents/pastevents.html"><i class="fas fa-calendar-check"></i> Past Events</a></li>
-                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users"></i>Contributors</a></li>
+                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users"></i> Contributors</a></li>
                     <li><a href="#"><i class="fas fa-phone"></i> Contact</a></li>
                 </ul>
                 <div class="theme-switcher">
@@ -83,6 +84,48 @@ <h1 class="section-title">CONTACT US</h1>
 
     <!-- Footer section -->
     <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h1 class="company-name heading"><img src="../images/logos/logo1.png">Eventica</h1>
+                <p>Eventica, an ultimate guide to the dynamic and diverse events in Bangalore.
+                    As the heart of India's tech and cultural hub, Eventica is dedicated to bridging the gap between event organizers and eager participants, creating a vibrant community.</p>
+            </div>
+            <div class="quick-links">
+                <h1 class="heading">Quick Links</h1>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa fa-house" aria-hidden="true"></i> Home</a></li>
+                    <li><a href="../about/about.html"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> About</a></li>
+                    <li><a href="../../index.html#events"><i class="fas fa-calendar-alt"></i> Upcoming Events</a></li>
+                    <li><a href="../pastevents/pastevents.html"><i class="fas fa-calendar-check"></i> Past Events</a></li>
+                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users"></i> Contributors</a></li>
+                    <li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h1 class="heading">Keep In Touch</h1>
+                <form id="contact-form" name="Eventica Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-user socials"></i></a>
+                    <a class="message" href="mailto:roshanrakesh7362@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fa fa-linkedin-square"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+
         <p class="copyright">Created By Rakesh Roshan ❤️ | ©
             <script>
                 document.write(new Date().getFullYear());
diff --git a/assets/contributors/contributor.css b/assets/contributors/contributor.css
index c356c34..47f047f 100644
--- a/assets/contributors/contributor.css
+++ b/assets/contributors/contributor.css
@@ -31,7 +31,7 @@ main {
     align-items: center;
 }
 
-h1 {
+.ctnr h1 {
     font-size: 3rem;
     color: var(--primary-color);
     margin: 50px 0;
diff --git a/assets/contributors/contributor.html b/assets/contributors/contributor.html
index b32ecd3..bb6ebbb 100644
--- a/assets/contributors/contributor.html
+++ b/assets/contributors/contributor.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="./contributor.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
+    <script src="https://kit.fontawesome.com/4cf6385dfa.js" crossorigin="anonymous"></script>
     <title>Eventica | Contributors</title>
 </head>
 
@@ -29,7 +30,7 @@
                     <li><a href="../about/about.html"><i class="fas fa-circle-info"></i> About</a></li>
                     <li><a href="../../index.html#events"><i class="fas fa-calendar-alt"></i> Upcoming Events</a></li>
                     <li><a href="../pastevents/pastevents.html"><i class="fas fa-calendar-check"></i> Past Events</a></li>
-                    <li><a href="#"><i class="fa-solid fa-users"></i>Contributors</a></li>
+                    <li><a href="#"><i class="fa-solid fa-users"></i> Contributors</a></li>
                     <li><a href="../contact/contact.html"><i class="fas fa-phone"></i> Contact</a></li>
                 </ul>
                 <div class="theme-switcher">
@@ -66,6 +67,48 @@ <h1 class="section-title">Meet Our Contributors</h1>
 
     <!-- Footer section -->
     <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h1 class="company-name heading"><img src="../images/logos/logo1.png">Eventica</h1>
+                <p>Eventica, an ultimate guide to the dynamic and diverse events in Bangalore.
+                    As the heart of India's tech and cultural hub, Eventica is dedicated to bridging the gap between event organizers and eager participants, creating a vibrant community.</p>
+            </div>
+            <div class="quick-links">
+                <h1 class="heading">Quick Links</h1>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa fa-house" aria-hidden="true"></i> Home</a></li>
+                    <li><a href="../about/about.html"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> About</a></li>
+                    <li><a href="../../index.html#events"><i class="fas fa-calendar-alt" aria-hidden="true"></i> Upcoming Events</a></li>
+                    <li><a href="../pastevents/pastevents.html"><i class="fas fa-calendar-check" aria-hidden="true"></i> Past Events</a></li>
+                    <li><a href="#"><i class="fa-solid fa-users" aria-hidden="true"></i> Contributors</a></li>
+                    <li><a href="../contact/contact.html"><i class="fa fa-phone" aria-hidden="true"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h1 class="heading">Keep In Touch</h1>
+                <form id="contact-form" name="Eventica Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-user socials"></i></a>
+                    <a class="message" href="mailto:roshanrakesh7362@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fa fa-linkedin-square"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+
         <p class="copyright">Created By Rakesh Roshan ❤️ | ©
             <script>
                 document.write(new Date().getFullYear());
diff --git a/assets/pastevents/pastevents.html b/assets/pastevents/pastevents.html
index de30e37..6dd1d7e 100644
--- a/assets/pastevents/pastevents.html
+++ b/assets/pastevents/pastevents.html
@@ -9,6 +9,7 @@
     <link rel="stylesheet" href="./pastevents.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
+    <script src="https://kit.fontawesome.com/4cf6385dfa.js" crossorigin="anonymous"></script>
     <title>Eventica | Past Events</title>
 </head>
 
@@ -35,7 +36,7 @@
                     <li><a href="../about/about.html"><i class="fas fa-circle-info"></i> About</a></li>
                     <li><a href="../../index.html#events"><i class="fas fa-calendar-alt"></i> Upcoming Events</a></li>
                     <li><a href="#"><i class="fas fa-calendar-check"></i> Past Events</a></li>
-                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users"></i>Contributors</a></li>
+                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users"></i> Contributors</a></li>
                     <li><a href="../contact/contact.html"><i class="fas fa-phone"></i> Contact</a></li>
                 </ul>
                 <div class="theme-switcher">
@@ -76,6 +77,48 @@ <h1 class="section-title">Past Events</h1>
 
     <!-- Footer section -->
     <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h1 class="company-name heading"><img src="../images/logos/logo1.png">Eventica</h1>
+                <p>Eventica, an ultimate guide to the dynamic and diverse events in Bangalore.
+                    As the heart of India's tech and cultural hub, Eventica is dedicated to bridging the gap between event organizers and eager participants, creating a vibrant community.</p>
+            </div>
+            <div class="quick-links">
+                <h1 class="heading">Quick Links</h1>
+                <ul class="footer-ul">
+                    <li><a href="../../index.html"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
+                    <li><a href="../about/about.html"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> About</a></li>
+                    <li><a href="../../index.html#events"><i class="fas fa-calendar-alt" aria-hidden="true"></i> Upcoming Events</a></li>
+                    <li><a href="#"><i class="fas fa-calendar-check" aria-hidden="true"></i> Past Events</a></li>
+                    <li><a href="../contributors/contributor.html"><i class="fa-solid fa-users" aria-hidden="true"></i> Contributors</a></li>
+                    <li><a href="../contact/contact.html"><i class="fa fa-phone" aria-hidden="true"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h1 class="heading">Keep In Touch</h1>
+                <form id="contact-form" name="Eventica Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-user socials"></i></a>
+                    <a class="message" href="mailto:roshanrakesh7362@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fa fa-linkedin-square"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+
         <p class="copyright">Created By Rakesh Roshan ❤️ | ©
             <script>
                 document.write(new Date().getFullYear());
diff --git a/index.html b/index.html
index d935088..a282f22 100644
--- a/index.html
+++ b/index.html
@@ -36,11 +36,11 @@
                     </button>
                 </div>
                 <ul class="nav-links">
-                    <li><a href="index.html"><i class="fas fa-house"></i> Home</a></li>
+                    <li><a href="./index.html#home"><i class="fas fa-house"></i> Home</a></li>
                     <li><a href="./assets/about/about.html"><i class="fas fa-circle-info"></i> About</a></li>
                     <li><a href="./index.html#events"><i class="fas fa-calendar-alt"></i> Upcoming Events</a></li>
                     <li><a href="./assets/pastevents/pastevents.html"><i class="fas fa-calendar-check"></i> Past Events</a></li>
-                    <li><a href="assets/contributors/contributor.html"><i class="fa-solid fa-users"></i>Contributors</a></li>
+                    <li><a href="assets/contributors/contributor.html"><i class="fa-solid fa-users"></i> Contributors</a></li>
                     <li><a href="./assets/contact/contact.html"><i class="fas fa-phone"></i> Contact</a></li>
                 </ul>
                 <div class="theme-switcher">
@@ -201,6 +201,48 @@ <h4>Michael Angolo</h4>
 
     <!-- Footer section -->
     <footer>
+        <div class="footer-container">
+            <div class="company-info">
+                <h1 class="company-name heading"><img src="./assets/images/logos/logo1.png">Eventica</h1>
+                <p>Eventica, an ultimate guide to the dynamic and diverse events in Bangalore.
+                    As the heart of India's tech and cultural hub, Eventica is dedicated to bridging the gap between event organizers and eager participants, creating a vibrant community.</p>
+            </div>
+            <div class="quick-links">
+                <h1 class="heading">Quick Links</h1>
+                <ul class="footer-ul">
+                    <li><a href="./index.html#home"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
+                    <li><a href="./assets/about/about.html"><i class="fa-solid fa-circle-info" aria-hidden="true"></i> About</a></li>
+                    <li><a href="./index.html#events"><i class="fas fa-calendar-alt" aria-hidden="true"></i> Upcoming Events</a></li>
+                    <li><a href="./assets/pastevents/pastevents.html"><i class="fas fa-calendar-check" aria-hidden="true"></i> Past Events</a></li>
+                    <li><a href="assets/contributors/contributor.html"><i class="fa-solid fa-users" aria-hidden="true"></i> Contributors</a></li>
+                    <li><a href="./assets/contact/contact.html"><i class="fa fa-phone" aria-hidden="true"></i> Contact</a></li>
+                </ul>
+            </div>
+            <div class="send-message">
+                <h1 class="heading">Keep In Touch</h1>
+                <form id="contact-form" name="Eventica Contact" autocomplete="off" netlify>
+                    <div class="form-group group1">
+                        <input type="text" id="name" name="name" placeholder="Enter your name" autocomplete="name" required oninput="validateName('name')">
+                        <input type="email" id="email" name="email" placeholder="Enter your email" autocomplete="email" required oninput="validateEmail('email')">
+                    </div>
+                    <div class="form-group group1">
+                        <textarea id="message" name="message" placeholder="Leave your message" required></textarea>
+                        <button type="submit">SEND</button>
+                    </div>
+                </form>
+                <div class="social">
+                    <a class="user" href="https://rakesh9100.bio.link/" target="_blank"><i class="fa-solid fa-user socials"></i></a>
+                    <a class="message" href="mailto:roshanrakesh7362@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
+                    <a class="linkedin" href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fa fa-linkedin-square"></i></a>
+                    <a class="github" href="https://www.github.com/Rakesh9100" target="_blank"><i class="fa-brands fa-square-github"></i></a>
+                    <a class="instagram" href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
+                    <a class="facebook" href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fa-brands fa-square-facebook"></i></a>
+                    <a class="twitter" href="https://twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-square-x-twitter"></i></a>
+                    <a class="discord" href="https://discord.com/users/944144134950748170" target="_blank"><i class="fa-brands fa-discord"></i></a>
+                </div>
+            </div>
+        </div>
+
         <p class="copyright">Created By Rakesh Roshan ❤️ | ©
             <script>
                 document.write(new Date().getFullYear());
diff --git a/style.css b/style.css
index af8bec0..6c7a1be 100644
--- a/style.css
+++ b/style.css
@@ -756,11 +756,245 @@ body.dark-mode footer {
 /* Footer Css */
 
 footer {
+    font-family: 'Montserrat', sans-serif;
+    background-color: rgb(9, 5, 40, 0.9);
+    color: #ccc;
+    padding: 30px 0;
+}
+
+.footer-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content:flex-start;
+    align-items:flex-start;
+    margin: 0 auto;
+    max-width: 1300px;
+}
+
+.company-info {
+    font-weight: 600;
+    text-align: justify;
+    margin:0  20px; 
+}
+
+.quick-links {
+    font-weight: 600; 
+}
+
+.company-info,
+.quick-links,.send-message{
+    flex-basis:27%;
+}
+.send-message{ 
+   padding-left: 15px;
+   padding: 0 40px;
+}
+
+.company-name {
+    font-size: 24px;
+    margin-bottom: 10px;
+}
+
+.company-name img {
+    width: 50px;
+    vertical-align: middle;
+    margin-top: -5px;
+    margin-right: 10px;
+}
+
+.company-info p {
+    line-height: 1.8;
+    text-align:center;
+}
+
+.quick-links h2,
+.send-message h2 {
+    font-size: 18px;
+    margin-bottom: 10px;
+}
+
+.quick-links ul,
+.send-message form {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.quick-links li,
+.send-message button {
+    margin-bottom:1px;
+}
+
+.quick-links a,
+.send-message button {
+    text-decoration: none;
+    color: #ccc;
+}
+
+.send-message input[type="email"] {
+    width: 100%;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+.copyright {
+    font-weight: bold;
+    margin-top: 30px;
     text-align: center;
-    padding: 15px 20px;
-    background-color: #333333;
+    padding: 10px 0;
+    color: #ccc;
+}
+
+.heading {
+    font-size: 24px;
+
+    margin-bottom: 20px;
+    background: #00F260;
+    background: -webkit-linear-gradient(to right, #d3d8dd, #00F260);
+    background: linear-gradient(to right, #c9d4df, #4ea6e5);
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.form-group {
+    margin-bottom: 15px;
+}
+
+.group1 {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+}
+
+.send-message input,
+.send-message textarea {
+    width: 100%;
+    padding: 12px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing:border-box;
+    font-size: 15px;
+}
+
+.send-message textarea {
+    height: 45px;
+}
+
+.send-message button {
+    height: 50px;
+    background: -webkit-linear-gradient(to right, #0575E6, #00F260);
+    background: linear-gradient(to right, #89b9e8, #5568e0);
     color: white;
-    font-size: 1em;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+.heading {
+    text-align: center;
+}
+
+.footer-ul {
+    justify-items: center;
+    align-items: center;
+    text-align: center;
+}
+
+.footer-ul li {
+    margin: 10px 15px;
+    position: relative;
+}
+
+.footer-ul li a {
+    text-decoration: none;
+    font-size: 16px;
+    padding: 5px 0;
+    transition: color 0.3s ease-in-out;
+    position: relative;
+}
+
+.footer-ul li a::after {
+    content: "";
+    display: block;
+    width: 0;
+    height: 2px;
+    background: #e5cf29;
+    transition: width 0.3s ease-in-out;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.footer-ul li a:hover {
+    color: #adcbe1;
+}
+
+.footer-ul li a:hover::after {
+    width: 100%;
+}
+
+.social {
+    font-size: 2.5rem;
+    text-decoration: none;
+    margin: 0 2rem;
+    transition: 0.3s ease-in-out;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content:center;
+    gap: 1rem;
+   
+}
+
+.social a i {
+    transition: transform 0.3s ease-in-out;
+}
+
+/* Pop up effect */
+
+.social a:hover i {
+    transform: translateY(-8px);
+}
+
+.social a {
+    color: var(--secondary);
+}
+
+.social a.user:hover {
+    color: #7cddf5;
+}
+
+.social a.message:hover {
+    color: #7cddf5;
+}
+
+.social a.linkedin:hover {
+    color: #7cddf5;
+}
+
+.social a.github:hover {
+    color: #7cddf5;
+}
+
+.social a.instagram:hover {
+    color: #7cddf5;
+}
+
+.social a.facebook:hover {
+    color: #7cddf5;
+}
+
+.social a.twitter:hover {
+    color:#7cddf5;
+}
+
+.social a.discord:hover {
+    color: #7cddf5;
 }
 
 /* Media queries for responsiveness */
@@ -810,6 +1044,31 @@ footer {
     }
 }
 
+@media (max-width: 925px) {
+    .social {
+        font-size: 2.5rem;
+        text-decoration: none;
+        transition: 0.3s ease-in-out;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 1.5rem;
+    }
+
+    .footer-container {
+        margin: 2px 3px;
+    }
+
+    .company-info,
+    .quick-links,
+    .send-message {
+        margin-top: 8px;
+        text-align: center;
+        flex-basis: 100%;
+    }
+}
+
 @media (max-width: 768px) {
     html {
         font-size: 14px;