diff --git a/activities.html b/activities.html
index 7374f63..13e1067 100644
--- a/activities.html
+++ b/activities.html
@@ -120,40 +120,29 @@ <h3>Activities</h3>
     <div class="footer">
       <footer>
         <section class="about flex-col">
-          <img
-            class="logo"
-            alt="RBJKS LOGO"
-            src="./assets/images/faviconn.png"
-            loading="lazy"
-          />
-          <p class="about--address">
-            PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201.
-          </p>
+          <div class="foot1">
+            <img class="logo" alt="RBJKS LOGO" src="./assets/images/faviconn.png" loading="lazy" />
+            <p class="about--address">
+              PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201.
+            </p>
+          </div>
           <p class="about--contact">
-            <img src="./assets/images/phone.svg" alt="phone" loading="lazy" />
+            <img class="abouticons" src="./assets/images/phone.svg" alt="phone" loading="lazy" />
             +91 - 9418151074 / 8675300009
           </p>
           <p class="about--mail">
-            <img src="./assets/images/mail.svg" alt="email" loading="lazy" />
+            <img class="abouticons" src="./assets/images/mail.svg" alt="email" loading="lazy" />
             RBJKS.info@gmail.com
           </p>
         </section>
         <section class="social-media-icons flex-col">
           <p>Contact Us</p>
           <div class="icons">
-            <a href="https://twitter.com/a_bsays" target="_blank"
-              ><img
-                src="./assets/images/twitter.svg"
-                alt="twitter"
-                loading="lazy"
-            /></a>
-            <!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram" loading="lazy"></a> -->
-            <a href="https://www.facebook.com/akil.bakhshi/" target="_blank"
-              ><img
-                src="./assets/images/facebook.svg"
-                alt="facebook"
-                loading="lazy"
-            /></a>
+            <a href="https://twitter.com/a_bsays" target="_blank"><img src="./assets/images/twitter.svg"
+                alt="twitter" /></a>
+            <!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram"></a> -->
+            <a href="https://www.facebook.com/akil.bakhshi/" target="_blank"><img src="./assets/images/facebook.svg"
+                alt="facebook" /></a>
           </div>
         </section>
       </footer>
diff --git a/assets/css/style.css b/assets/css/style.css
index 4a9ce1c..d8054be 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -499,23 +499,35 @@ footer {
   padding: 1rem 0;
   font-weight: 600;
   width: 100%;
+  padding: 30px 0px;
 }
 
 .flex-col {
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: flex-start;
+  align-items: center;
   text-align: left;
-  gap: 1rem;
+  gap: 25px;
+}
+
+.foot1{
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  gap: 10px;
 }
 
 .about p {
   opacity: 0.7;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
 
+.about .logo {
+  width: 50px;
+  height: 50px;
 .about img {
   width: 1.5rem;
   height: 1.5rem;
@@ -526,7 +538,31 @@ footer {
 }
 
 .about--address {
+  font-size: x-large;
   width: 50%;
+  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+
+.about--contact{
+  display: flex;
+  justify-content: start;
+  gap: 12px;
+  padding-right: 323px;
+  margin-left: 5px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: 800;
+  font-size: 16px;
+}
+
+.about--mail{
+  display: flex;
+  justify-content: start;
+  gap: 12px;
+  padding-right: 400px;
+  margin-left: 5px;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: 800;
+  font-size: 16px;
 }
 
 .social-media-icons {
@@ -535,12 +571,28 @@ footer {
 
 .icons {
   display: flex;
+  justify-content: center;
+  align-items: center;
   gap: 1rem;
 }
 
 .icons img {
   height: 1.5rem;
   width: 1.5rem;
+  /* background-color: rgb(255, 255, 255); */
+  padding: 8px;
+  border-radius: 40px;
+  border: 1px solid rgba(128, 128, 128, 0.44);
+}
+
+.about .abouticons {
+  width: 20px;
+  height: 20px;
+  padding-right: 5px;
+  border: 1px solid rgba(128, 128, 128, 0.44);
+  /* background-color: rgba(255, 255, 255, 0.322); */
+  padding: 8px;
+  border-radius: 40px;
 }
 
 /* Media queries */
@@ -555,19 +607,28 @@ footer {
 
   footer {
     flex-direction: column;
-    align-items: center;
+    /* align-items: center; */
     text-align: center;
     word-break: break-all;
+    padding: 40px 10px;
+    gap: 40px;
+    width: 98%;
   }
 
   .footer .flex-col {
-    align-items: center;
     margin-bottom: 1em;
   }
 
+  .social-media-icons {
+    font-size: 1.8rem;
+    padding: 0px 55px;
+    display: flex;
+  }
+
+
   .about--address {
-    width: 100%;
-    text-align: center;
+    width: 80%;
+    text-align: start;
   }
 
   nav a.icon {
@@ -576,6 +637,28 @@ footer {
     color: white;
   }
 
+  .about--contact{
+    display: flex;
+    justify-content: start;
+    gap: 12px;
+    padding-right: 0px;
+    margin-left: 5px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: 800;
+    font-size: 16px;
+  }
+  
+  .about--mail{
+    display: flex;
+    justify-content: start;
+    gap: 12px;
+    padding-right: 0px;
+    margin-left: 5px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: 800;
+    font-size: 16px;
+  }
+
   nav ul {
     display: none;
   }
@@ -640,6 +723,15 @@ footer {
   }
 }
 
+@media (max-width:644px) {
+  footer { 
+    display: flex;
+    justify-content: space-around;
+    background-color: #22b9a8;
+    padding: 1rem 0;
+    font-weight: 600;
+    width: 100%;
+    padding: 30px 0px;
 @media (max-width: 510px) {
   .about--address {
     word-break: break-word;
diff --git a/contact.html b/contact.html
index 4ae7cfb..397c119 100644
--- a/contact.html
+++ b/contact.html
@@ -146,40 +146,29 @@ <h4 class = "translate" aria-label="हम तक कैसे पहुंच
     <div class="footer">
       <footer>
         <section class="about flex-col">
-          <img
-            class="logo"
-            alt="RBJKS LOGO"
-            src="./assets/images/faviconn.png"
-            loading="lazy"
-          />
-          <p class="about--address">
-            PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201.
-          </p>
+          <div class="foot1">
+            <img class="logo" alt="RBJKS LOGO" src="./assets/images/faviconn.png" loading="lazy" />
+            <p class="about--address">
+              PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201.
+            </p>
+          </div>
           <p class="about--contact">
-            <img src="./assets/images/phone.svg" alt="phone" loading="lazy" />
+            <img class="abouticons" src="./assets/images/phone.svg" alt="phone" loading="lazy" />
             +91 - 9418151074 / 8675300009
           </p>
           <p class="about--mail">
-            <img src="./assets/images/mail.svg" alt="email" loading="lazy" />
+            <img class="abouticons" src="./assets/images/mail.svg" alt="email" loading="lazy" />
             RBJKS.info@gmail.com
           </p>
         </section>
         <section class="social-media-icons flex-col">
           <p>Contact Us</p>
           <div class="icons">
-            <a href="https://twitter.com/a_bsays" target="_blank"
-              ><img
-                src="./assets/images/twitter.svg"
-                alt="twitter"
-                loading="lazy"
-            /></a>
-            <!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram" loading="lazy"></a> -->
-            <a href="https://www.facebook.com/akil.bakhshi/" target="_blank"
-              ><img
-                src="./assets/images/facebook.svg"
-                alt="facebook"
-                loading="lazy"
-            /></a>
+            <a href="https://twitter.com/a_bsays" target="_blank"><img src="./assets/images/twitter.svg"
+                alt="twitter" /></a>
+            <!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram"></a> -->
+            <a href="https://www.facebook.com/akil.bakhshi/" target="_blank"><img src="./assets/images/facebook.svg"
+                alt="facebook" /></a>
           </div>
         </section>
       </footer>
diff --git a/index.html b/index.html
index adfcc3f..5fabe56 100644
--- a/index.html
+++ b/index.html
@@ -1,18 +1,24 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>RBJKS::Home</title>
-    <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
-    />
-    <link rel="icon" type="image/png" href="/assets/images/faviconn.png" />
-  </head>
 
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>RBJKS::Home</title>
+  <link rel="stylesheet" type="text/css" href="assets/css/style.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+  <link rel="icon" type="image/png" href="/assets/images/faviconn.png" />
+</head>
+
+<body>
+  <div id="navbar">
+    <nav>
+      <a href="/">
+        <img class="logo" alt="RBJKS LOGO" src="./assets/images/faviconn.png" loading="lazy" />
+      </a>
+      <ul>
+        <!-- <li></li>  -->
   <body>
     <div id="navbar">
       <nav>
@@ -65,93 +71,81 @@
       <ul class="mobileNav">
         <li><a class="translate" href="/" aria-label="होम">Home</a></li>
         <li>
-          <a
-            class="translate"
-            href="/activities.html"
-            target="_self"
-            aria-label="प्रयास"
-            >Activities</a
-          >
+          <a class="translate" href="/activities.html" target="_self" aria-label="प्रयास">Activities</a>
         </li>
         <li>
-          <a
-            class="translate"
-            href="/contact.html"
-            target="_self"
-            aria-label="सम्पर्क करें"
-            >Contact Us</a
-          >
+          <a class="translate" href="/contact.html" target="_self" aria-label="सम्पर्क करें">Contact Us</a>
         </li>
         <li>
-          <a
-            class="translate"
-            href="#"
-            aria-label="Read in English"
-            onclick="changelanguage()"
-            >हिन्दी में देखिये</a
-          >
+          <a class="translate" href="#" aria-label="Read in English" onclick="changelanguage()">हिन्दी में देखिये</a>
         </li>
       </ul>
-    </div>
-    <div class="introduction">
-      <section class="intro-image-section">
-        <img
-          src="assets/images/brand/Ext jacket.jpg"
-          class="intro-image"
-          alt="Ranjeet Bakhshi Jan Kalyan Sabha"
-          loading="lazy"
-        />
-      </section>
-      <section class="intro-text">
-        <h1 class="title translate" aria-label="रणजीत बख्शी जन कल्याण सभा">
-          Ranjeet Bakhshi Jan Kalyan Sabha
-        </h1>
-        <p
-          class="subtitle translate"
-          aria-label="हिमाचल प्रदेश में स्थित नूरपुर शहर की रणजीत बख्शी जन कल्याण सभा एक NGO है, जो ग्रामीण मुद्दे सुलझाने का प्रयास करती है|"
-        >
-          An NGO set up in Nurpur, Himachal Pradesh, Ranjeet Bakhshi Jan Kalyan
-          Sabha (RBJKS) aims to solve local community issues by means of organic
-          crowdfunding.
-        </p>
-      </section>
-    </div>
+      <a href="javascript:void(0);" class="icon" onclick="toggleMobileNav()">
+        <i class="fa fa-bars"></i>
+      </a>
+    </nav>
+    <ul class="mobileNav">
+      <li><a class="translate" href="/" aria-label="होम">Home</a></li>
+      <li>
+        <a class="translate" href="/activities.html" target="_self" aria-label="प्रयास">Activities</a>
+      </li>
+      <li>
+        <a class="translate" href="/contact.html" target="_self" aria-label="सम्पर्क करें">Contact Us</a>
+      </li>
+      <li>
+        <a class="translate" href="#" aria-label="Read in English" onclick="changelanguage()">हिन्दी में देखिये</a>
+      </li>
+    </ul>
+  </div>
+  <div class="introduction">
+    <section class="intro-image-section">
+      <img src="assets/images/brand/Ext jacket.jpg" class="intro-image" alt="Ranjeet Bakhshi Jan Kalyan Sabha"
+        loading="lazy" />
+    </section>
+    <section class="intro-text">
+      <h1 class="title translate" aria-label="रणजीत बख्शी जन कल्याण सभा">
+        Ranjeet Bakhshi Jan Kalyan Sabha
+      </h1>
+      <p class="subtitle translate"
+        aria-label="हिमाचल प्रदेश में स्थित नूरपुर शहर की रणजीत बख्शी जन कल्याण सभा एक NGO है, जो ग्रामीण मुद्दे सुलझाने का प्रयास करती है|">
+        An NGO set up in Nurpur, Himachal Pradesh, Ranjeet Bakhshi Jan Kalyan
+        Sabha (RBJKS) aims to solve local community issues by means of organic
+        crowdfunding.
+      </p>
+    </section>
+  </div>
 
-    <div class="footer">
-      <footer>
-        <section class="about flex-col">
-          <img
-            class="logo"
-            alt="RBJKS LOGO"
-            src="./assets/images/faviconn.png"
-            loading="lazy"
-          />
+  <div class="footer">
+    <footer>
+      <section class="about flex-col">
+        <div class="foot1">
+          <img class="logo" alt="RBJKS LOGO" src="./assets/images/faviconn.png" loading="lazy" />
           <p class="about--address">
             PO Jassur, Tehsil - Nurpur, District - Kangra, HP, 176201.
           </p>
-          <p class="about--contact">
-            <img src="./assets/images/phone.svg" alt="phone" loading="lazy" />
-            +91 - 9418151074 / 8675300009
-          </p>
-          <p class="about--mail">
-            <img src="./assets/images/mail.svg" alt="email" loading="lazy" />
-            RBJKS.info@gmail.com
-          </p>
-        </section>
-        <section class="social-media-icons flex-col">
-          <p>Contact Us</p>
-          <div class="icons">
-            <a href="https://twitter.com/a_bsays" target="_blank"
-              ><img src="./assets/images/twitter.svg" alt="twitter"
-            /></a>
-            <!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram"></a> -->
-            <a href="https://www.facebook.com/akil.bakhshi/" target="_blank"
-              ><img src="./assets/images/facebook.svg" alt="facebook"
-            /></a>
-          </div>
-        </section>
-      </footer>
-    </div>
-  </body>
-  <script src="assets/script/main.js"></script>
-</html>
+        </div>
+        <p class="about--contact">
+          <img class="abouticons" src="./assets/images/phone.svg" alt="phone" loading="lazy" />
+          +91 - 9418151074 / 8675300009
+        </p>
+        <p class="about--mail">
+          <img class="abouticons" src="./assets/images/mail.svg" alt="email" loading="lazy" />
+          RBJKS.info@gmail.com
+        </p>
+      </section>
+      <section class="social-media-icons flex-col">
+        <p>Contact Us</p>
+        <div class="icons">
+          <a href="https://twitter.com/a_bsays" target="_blank"><img src="./assets/images/twitter.svg"
+              alt="twitter" /></a>
+          <!-- <a href="#" target="_blank"><img src="./assets/images/instagram.svg" alt="instagram"></a> -->
+          <a href="https://www.facebook.com/akil.bakhshi/" target="_blank"><img src="./assets/images/facebook.svg"
+              alt="facebook" /></a>
+        </div>
+      </section>
+    </footer>
+  </div>
+</body>
+<script src="assets/script/main.js"></script>
+
+</html>
\ No newline at end of file