diff --git a/activities.html b/activities.html
index 794dec6..6256c46 100644
--- a/activities.html
+++ b/activities.html
@@ -15,7 +15,7 @@
 <body>
     <div id="navbar">
         <nav>
-            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
+            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" loading="lazy" />
             <ul>
                 <!-- <li></li>  -->
                 <li><a class="translate" href="/" aria-label="होम">Home</a></li>
@@ -46,17 +46,17 @@ <h3>Activities</h3>
     <div class="footer">
         <footer>
             <section class="about flex-col">
-                <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
+                <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" 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" /> +91 - 9418151074 / 8675300009</p>
-                <p class="about--mail"><img src="./assets/images/mail.svg" alt="email" /> RBJKS.info@gmail.com</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>
+                    <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>
 
                 </div>
             </section>
diff --git a/assets/css/contact.css b/assets/css/contact.css
index e8dc45b..6b2204a 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -1,181 +1,344 @@
-body{
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Poppins', sans-serif;
+}
+
+#navbar {
+    width: 100%;
     background-color: #EDC9AF;
 }
 
-.contact-page{
-    text-align: center;
-    height: 80vh;
+nav {
+    width: 100%;
+    background-color: transparent;
+    background-color: #22B9A8;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 }
 
-/* contact.html CSS starts here */
-.contact {
-    background-color: #EDC9AF;
+nav ul {
     display: flex;
-    flex-direction: column;
-    /* justify-content: space-evenly; */
     align-items: center;
-    height: 100vh;
+    justify-content: center;
+    margin: 0 4rem;
 }
 
-.container {
-    width: 85%;
-    background: #fff;
-    border-radius: 6px;
-    padding: 20px 60px 30px 40px;
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-    margin-top: 80px;
+nav .logo {
+    padding: 0.5rem 2rem;
+    width: 9%;
+    visibility: visible;
+}
+
+nav ul li {
+    list-style: none;
+    text-decoration: none;
+    transition: 0.25s all;
+    display: inline-block;
     position: relative;
-    height: 50vh;
 }
 
-.container .content {
+nav ul li a {
+    padding: 1.35rem 2rem;
+    text-decoration: none;
+    color: #000;
+}
+
+nav ul li::after {
+    content: '';
+    border-radius: 20px;
+    position: absolute;
+    width: 100%;
+    transform: scaleX(0);
+    height: 4px;
+    bottom: -9px;
+    left: 0;
+    background-color: #000;
+    transition: transform 0.25s ease-out;
+}
+
+nav ul li:hover::after {
+    transform: scaleX(0.7);
+}
+
+nav ul li:hover {
+    transform: scale(1.1);
+}
+
+nav ul li a:active {
+    color: #000;
+}
+
+section {
     display: flex;
+    justify-content: center;
     align-items: center;
-    justify-content: space-between;
+    min-height: 100vh;
+    background-color: #edc9af;
 }
 
-.container .content .left-side {
-    width: 25%;
-    height: 100%;
+.container {
+    position: relative;
+    min-width: 1100px;
+    min-height: 550px;
+    display: flex;
+    z-index: 1000;
+}
+
+.container .contactInfo {
+    position: absolute;
+    top: 40px;
+    width: 350px;
+    height: calc(100% - 80px);
+    background: #22B9A8;
+    z-index: 1;
+    padding: 40px;
     display: flex;
-    flex-direction: column;
-    align-items: center;
     justify-content: center;
-    margin-top: 15px;
+    flex-direction: column;
+    justify-content: space-between;
+    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
+    border-radius: 22px;
+}
+
+.container .contactInfo h2 {
+    color: #000;
+    font-size: 24px;
+    font-weight: 700;
+}
+
+.container .contactInfo ul.info {
     position: relative;
+    margin: 20px 0;
 }
 
-.content .left-side::before {
-    content: '';
-    position: absolute;
-    height: 70%;
-    width: 2px;
-    right: -15px;
-    top: 50%;
-    transform: translateY(-50%);
-    background: #afafb6;
+.container .contactInfo ul.info li {
+    position: relative;
+    list-style: none;
+    display: flex;
+    margin: 20px 0;
+    cursor: pointer;
+    align-items: flex-start;
+}
+
+.container .contactInfo ul.info li span:nth-child(1) {
+    width: 30px;
+    min-width: 30px;
 }
 
-.content .left-side .details {
-    margin: 14px;
-    text-align: center;
+
+/* for gmail */
+
+.container .contactInfo ul.info li span a {
+    color: #000;
+    text-decoration: none;
+    width: 30px;
+    min-width: 30px;
 }
 
-.content .left-side .details i {
-    font-size: 30px;
-    color: #3e2093;
-    margin-bottom: 10px;
+.container .contactInfo ul.info li span:nth-child(1) img {
+    max-width: 100%;
+    filter: invert(0);
 }
 
-.content .left-side .details .topic {
-    font-size: 18px;
+.container .contactInfo ul.info li span:nth-child(2) {
+    color: #000;
+    margin-left: 10px;
+    font-weight: 300;
+}
+
+.container .contactInfo ul.sci {
+    position: relative;
+    display: flex;
+}
+
+.container .contactInfo ul.sci li {
+    list-style: none;
+    margin-right: 15px;
+}
+
+.container .contactInfo ul.sci li a {
+    text-decoration: none;
+}
+
+.container .contactInfo ul.sci li a img {
+    filter: invert(0);
+}
+
+.container .contactForm {
+    position: absolute;
+    padding: 70px 50px;
+    padding-left: 250px;
+    margin-left: 150px;
+    width: calc(100% - 150px);
+    height: 100%;
+    background: #fff;
+    box-shadow: 0 50px 50px rgba(0, 0, 0, 0.25);
+    border-radius: 22px;
+}
+
+.container .contactForm h2 {
+    color: #22B9A8;
+    font-size: 24px;
     font-weight: 500;
 }
 
-.content .left-side .details .text-one,
-.content .left-side .details .text-two {
-    font-size: 14px;
-    color: #afafb6;
+.container .contactForm .formBox {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    padding-top: 30px;
 }
 
-.container .content .right-side {
-    width: 75%;
-    margin-left: 75px;
+.container .contactForm .formBox .inputBox {
+    position: relative;
+    margin-bottom: 35px;
 }
 
-.content .right-side .topic-text {
-    font-size: 23px;
-    font-weight: 600;
-    color: #1e1c21;
+.container .contactForm .formBox .inputBox.w50 {
+    width: 47%;
 }
 
-.right-side .input-box {
-    height: 50px;
+.container .contactForm .formBox .inputBox.w100 {
     width: 100%;
-    margin: 12px 0;
 }
 
-.right-side .input-box input,
-.right-side .input-box textarea {
-    height: 100%;
+.container .contactForm .formBox .inputBox input,
+.container .contactForm .formBox .inputBox textarea {
     width: 100%;
+    resize: none;
+    padding: 5px 0;
+    font-size: 18px;
+    font-weight: 300;
+    color: #333;
     border: none;
     outline: none;
-    font-size: 16px;
-    background: #F0F1F8;
-    border-radius: 6px;
-    padding: 0 15px;
-    resize: none;
+    border-bottom: 1px solid #777;
 }
 
-.right-side .message-box {
-    min-height: 110px;
+.container .contactForm .formBox .inputBox textarea {
+    height: 120px;
 }
 
-.right-side .input-box textarea {
-    padding-top: 6px;
+.container .contactForm .formBox .inputBox span {
+    position: absolute;
+    left: 0;
+    padding: 5px 0;
+    pointer-events: none;
+    font-size: 18px;
+    font-weight: 300;
+    transition: 0.3s;
 }
 
-.right-side .button {
-    display: inline-block;
-    margin-top: 12px;
+.container .contactForm .formBox .inputBox input:focus~span,
+.container .contactForm .formBox .inputBox input:valid~span,
+.container .contactForm .formBox .inputBox textarea:focus~span,
+.container .contactForm .formBox .inputBox textarea:valid~span {
+    transform: translateY(-20px);
+    font-size: 12px;
+    font-weight: 400;
+    letter-spacing: 1px;
+    color: #22B9A8;
+    font-weight: 500;
 }
 
-.right-side .button input[type="button"] {
-    color: #fff;
-    font-size: 18px;
-    outline: none;
-    border: none;
-    padding: 8px 16px;
-    border-radius: 6px;
-    background: #3e2093;
+
+/* Css for the submit button */
+
+.container .contactForm .formBox .inputBox input[type="submit"] {
+    position: relative;
     cursor: pointer;
-    transition: all 0.3s ease;
+    background: #22B9A8;
+    border-radius: 20px;
+    color: #000;
+    border: none;
+    max-width: 150px;
+    padding: 12px;
 }
 
-.button input[type="button"]:hover {
-    background: #5029bc;
+.container .contactForm .formBox .inputBox input[type="submit"]:hover {
+    background: #0d9480;
 }
 
-@media (max-width: 950px) {
+
+/* make the form responsive */
+
+@media (max-width: 1200px) {
     .container {
         width: 90%;
-        padding: 30px 40px 40px 35px;
+        min-width: auto;
+        margin: 20px;
+        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
     }
-
-    .container .content .right-side {
-        width: 75%;
-        margin-left: 55px;
+    .container .contactInfo {
+        top: 0;
+        height: 550px;
+        position: relative;
+        box-shadow: none;
+        border-radius: 0px;
+    }
+    .container .contactForm {
+        position: relative;
+        width: calc(100% - 350px);
+        padding-left: 0;
+        margin-left: 0;
+        padding: 40px;
+        height: 550px;
+        box-shadow: none;
+        border-radius: 0px;
     }
-
 }
 
-@media (max-width: 820px) {
-    .container {
-        margin: 40px 0;
-        height: 100%;
+@media (max-width: 991px) {
+    section {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        min-height: 100vh;
+        background: #edc9af;
     }
-
-    .container .content {
+    section::before {
+        display: none;
+    }
+    .container {
+        display: flex;
         flex-direction: column-reverse;
     }
-
-    .container .content .left-side {
+    .container .contactForm {
+        width: 100%;
+        height: auto;
+        border-radius: 0px;
+    }
+    .container .contactInfo {
         width: 100%;
+        height: auto;
         flex-direction: row;
-        margin-top: 40px;
+        border-radius: 0px;
+    }
+    .container .contactInfo ul.sci {
+        position: relative;
+        display: flex;
         justify-content: center;
-        flex-wrap: wrap;
+        align-items: center;
     }
+}
 
-    .container .content .left-side::before {
-        display: none;
+@media (max-width: 600px) {
+    .container .contactForm {
+        padding: 25px;
     }
-
-    .container .content .right-side {
+    .container .contactInfo {
+        padding: 25px;
+        flex-direction: column;
+        align-items: flex-start;
+    }
+    .container .contactInfo ul.sci {
+        margin-top: 40px;
+    }
+    .container .contactForm .formBox .inputBox.w50 {
         width: 100%;
-        margin-left: 0;
     }
-
-
 }
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
index 4ab15f3..c5184f6 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -54,7 +54,7 @@ nav a.icon {
 nav ul li a {
     padding: 1.35rem 2rem;
     text-decoration: none;
-    color: #fff;
+    color: #ccc;
 }
 
 nav ul li::after {
@@ -66,7 +66,8 @@ nav ul li::after {
     height: 4px;
     bottom: -9px;
     left: 0;
-    background-color: #fff;
+    background-color: #000;
+    background-color: #ccc;
     /* transform-origin: bottom right; */
     transition: transform 0.25s ease-out;
 }
@@ -81,7 +82,7 @@ nav ul li:hover {
 }
 
 nav ul li a:active {
-    color: #fff;
+    color: #ccc;
 }
 
 .introduction {
@@ -103,7 +104,7 @@ nav ul li a:active {
 }
 
 .intro-text {
-    color: #fff;
+    color: #ccc;
     width: 40vw;
     margin-top: 20vh;
 }
@@ -112,20 +113,199 @@ nav ul li a:active {
     margin-bottom: 30px;
 }
 
+
+/* contact.html CSS starts here */
+
+.contact {
+    background-color: #EDC9AF;
+    display: flex;
+    flex-direction: column;
+    /* justify-content: space-evenly; */
+    align-items: center;
+    height: 100vh;
+}
+
+.container {
+    width: 85%;
+    background: #fff;
+    border-radius: 6px;
+    padding: 20px 60px 30px 40px;
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+    margin-top: 80px;
+    position: relative;
+    height: 50vh;
+}
+
+.container .content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.container .content .left-side {
+    width: 25%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 15px;
+    position: relative;
+}
+
+.content .left-side::before {
+    content: '';
+    position: absolute;
+    height: 70%;
+    width: 2px;
+    right: -15px;
+    top: 50%;
+    transform: translateY(-50%);
+    background: #afafb6;
+}
+
+.content .left-side .details {
+    margin: 14px;
+    text-align: center;
+}
+
+.content .left-side .details i {
+    font-size: 30px;
+    color: #3e2093;
+    margin-bottom: 10px;
+}
+
+.content .left-side .details .topic {
+    font-size: 18px;
+    font-weight: 500;
+}
+
+.content .left-side .details .text-one,
+.content .left-side .details .text-two {
+    font-size: 14px;
+    color: #afafb6;
+}
+
+.container .content .right-side {
+    width: 75%;
+    margin-left: 75px;
+}
+
+.content .right-side .topic-text {
+    font-size: 23px;
+    font-weight: 600;
+    color: #1e1c21;
+}
+
+.right-side .input-box {
+    height: 50px;
+    width: 100%;
+    margin: 12px 0;
+}
+
+.right-side .input-box input,
+.right-side .input-box textarea {
+    height: 100%;
+    width: 100%;
+    border: none;
+    outline: none;
+    font-size: 16px;
+    background: #F0F1F8;
+    border-radius: 6px;
+    padding: 0 15px;
+    resize: none;
+}
+
+.right-side .message-box {
+    min-height: 110px;
+}
+
+.right-side .input-box textarea {
+    padding-top: 6px;
+}
+
+.right-side .button {
+    display: inline-block;
+    margin-top: 12px;
+}
+
+.right-side .button input[type="button"] {
+    color: #fff;
+    font-size: 18px;
+    outline: none;
+    border: none;
+    padding: 8px 16px;
+    border-radius: 6px;
+    background: #3e2093;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.button input[type="button"]:hover {
+    background: #5029bc;
+}
+
 @media (max-width: 950px) {
+    .container {
+        width: 90%;
+        padding: 30px 40px 40px 35px;
+    }
+    .container .content .right-side {
+        width: 75%;
+        margin-left: 55px;
+    }
+
     .intro-text {
         margin-top: 5px;
     }
 }
 
 @media (max-width: 820px) {
+    .container {
+        margin: 40px 0;
+        height: 100%;
+    }
+    .intro-text {
+        margin-top: 140px;
+    }
+    .container .content {
+        flex-direction: column-reverse;
+    }
+    .container .content .left-side {
+        width: 100%;
+        flex-direction: row;
+        margin-top: 40px;
+        justify-content: center;
+        flex-wrap: wrap;
+    }
+    .container .content .left-side::before {
+        display: none;
+    }
+    .container .content .right-side {
+        width: 100%;
+        margin-left: 0;
+  }
     .intro-image {
         margin-top: 195px;
         position: relative;
     }
 }
 
+.activities {
+    background-color: #EDC9AF;
+    display: flex;
+    flex-direction: column;
+    /* justify-content: space-between; */
+    height: 100vh;
+}
+
+.activities1 {
+    margin-top: 7%;
+}
+
+
 /* Footer */
+
 footer {
     display: flex;
     justify-content: space-around;
@@ -220,5 +400,4 @@ footer {
         text-decoration: none;
         color: white;
     }
-
 }
\ No newline at end of file
diff --git a/assets/images/1.png b/assets/images/1.png
new file mode 100644
index 0000000..3b9c70b
Binary files /dev/null and b/assets/images/1.png differ
diff --git a/assets/images/2.png b/assets/images/2.png
new file mode 100644
index 0000000..0316ccb
Binary files /dev/null and b/assets/images/2.png differ
diff --git a/assets/images/call.png b/assets/images/call.png
new file mode 100644
index 0000000..4ba9561
Binary files /dev/null and b/assets/images/call.png differ
diff --git a/assets/images/location.png b/assets/images/location.png
new file mode 100644
index 0000000..f8b7d49
Binary files /dev/null and b/assets/images/location.png differ
diff --git a/assets/images/mail.png b/assets/images/mail.png
new file mode 100644
index 0000000..12df99c
Binary files /dev/null and b/assets/images/mail.png differ
diff --git a/contact.html b/contact.html
index 65427e3..842d87d 100644
--- a/contact.html
+++ b/contact.html
@@ -15,87 +15,93 @@
 <body>
     <div id="navbar">
         <nav>
-            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
+            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" loading="lazy" />
             <ul>
                 <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>
+                <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="सम्पर्क करें">ContactUs</a></li>
+                <li><a class="translate" href="#" aria-label="Read in English" onclick="changelanguage()">हिन्दी में देखिये</a></li>
             </ul>
         </nav>
     </div>
-
-<!--     
-    
-    <div class="contact">
-
+    <section>
         <div class="container">
-            <div class="content">
-                <div class="left-side">
-                    <div class="address details">
-                        <div class="topic">Address</div>
-                        <div class="text-one">ABC, XYZ</div>
-                        <siv class="text-two">Lorem ipsum dolor sit amet., 101010</siv>
+            <div class="contactInfo">
+                <div>
+                    <h2>Contact Info</h2>
+                    <ul class="info">
+                        <li>
+                            <span><img src="./assets/images/location.png"></span>
+                            <span>PO Jassur, Tehsil - Nurpur,   <br>
+                                District - Kangra, HP,<br>
+                                176201</span>
+                            </span>
+                        </li>
+                        <li>
+                            <span><img src="./assets/images/mail.png"></span>
+                            <span><a href = "mailto:RBJKS.info@gmail.com">RBJKS.info@gmail.com</a></span>
+                        </li>
+                        <li>
+                            <span><img src="./assets/images/call.png"></span>
+                            <span>+91 9418151074</span>
+                        </li>
+
+                    </ul>
+                </div>
+                <ul class="sci">
+                    <li>
+                        <a href="https://www.facebook.com/akil.bakhshi/"><img src="./assets/images/1.png"></a>
+                    </li>
+                    <li>
+                        <a href="https://twitter.com/a_bsays"><img src="./assets/images/2.png"></a>
+                    </li>
+                </ul>
+            </div>
+            <div class="contactForm">
+                <h2>Send a Message</h2>
+                <div class="formBox">
+                    <div class="inputBox w50">
+                        <input type="text" name="" required>
+                        <span>First Name</span>
                     </div>
-                    <div class="phone details">
-                        <div class="topic">Phone</div>
-                        <div class="text-one">+91987654321</div>
-                        <div class="text-two">+91987654321</div>
+                    <div class="inputBox w50">
+                        <input type="text" required>
+                        <span>Last Name</span>
                     </div>
-                    <div class="email details">
-                        <div class="topic">Email</div>
-                        <div class="text-one">abcd@xyz.com</div>
-                        <div class="text-two">abcd@xyz.com</div>
+                    <div class="inputBox w50">
+                        <input type="email" required>
+                        <span>Email Address</span>
+                    </div>
+                    <div class="inputBox w50">
+                        <input type="text" required>
+                        <span>Mobile Number</span>
+                    </div>
+                    <div class="inputBox w100">
+                        <textarea required></textarea>
+                        <span>Write your message here...</span>
+                    </div>
+                    <div class="inputBox w100">
+                        <input type="submit" value="Send">
                     </div>
-                </div>
-                <div class="right-side">
-                    <div class="topic-text">Send us a message</div>
-                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Et, voluptatem.</p>
-                    <form action="#">
-                        <div class="input-box">
-                            <input type="text" placeholder="Enter your Name">
-                        </div>
-                        <div class="input-box">
-                            <input type="text" placeholder="Enter your email">
-                        </div>
-                        <div class="input-box message-box">
-                            <input type="text" placeholder="Enter your message">
-                        </div>
-                        <div class="button">
-                            <input type="button" value="Send Now">
-                        </div>
-                    </form>
                 </div>
             </div>
-        </div>
-    </div> 
-
--->
-
-<div class="contact-page">
-    <h3 class="contact-header translate" aria-label="इस वेब पेज पर काम किया जा रहा है| "> This page is under construction</h3>
-    <p class="translate" aria-label="कृपया नीचे दिए गए फ़ोन नंबर या ईमेल पर संपर्क करें।">Please connect on the phone number or email listed below.</p>
-
-</div>
+    </section>
 
 
 <div class="footer">
     <footer>
         <section class="about flex-col">
-            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
+            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" 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"/> +91 - 9418151074 / 8675300009</p>
-            <p class="about--mail"><img src="./assets/images/mail.svg" alt="email" /> RBJKS.info@gmail.com</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>
+                <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>
 
             </div>
         </section>
diff --git a/index.html b/index.html
index cdaa96a..8f6d9b9 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
-<html lang ="en">
+<html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -8,10 +9,11 @@
     <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">
 </head>
+
 <body>
     <div id="navbar">
         <nav>
-            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
+            <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" loading="lazy" />
             <ul>
                 <!-- <li></li>  -->
                 <li><a class="translate" href="/" aria-label="होम">Home</a></li>
@@ -29,16 +31,16 @@
                 <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">
+    <div class="introduction">
         <section class="intro-image-section">
-            <img src = "assets/images/brand/Ext jacket.jpg" class="intro-image" alt=""/>
+            <img src = "assets/images/brand/Ext jacket.jpg" class="intro-image" alt="" 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 है, जो ग्रामीण मुद्दे सुलझाने का प्रयास करती है|">
+            <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>
 
@@ -47,10 +49,10 @@ <h1 class = "title translate" aria-label="रणजीत बख्शी जन
     <div class="footer">
         <footer>
             <section class="about flex-col">
-                <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" />
+                <img class="logo" alt="RBJKS LOGO" src="https://assets.msn.com/weathermapdata/1/static/svg/72/v6/card/Haze.svg" 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"/> +91 - 9418151074 / 8675300009</p>
-                <p class="about--mail"><img src="./assets/images/mail.svg" alt="email" /> RBJKS.info@gmail.com</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>
@@ -64,5 +66,6 @@ <h1 class = "title translate" aria-label="रणजीत बख्शी जन
         </footer>
     </div>
 </body>
-<script src = "script/main.js"></script>
-</html>
+<script src="script/main.js"></script>
+
+</html>
\ No newline at end of file
