diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..a90daae
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/src/Components/Footer.css b/src/Components/Footer.css
index f5bba72..faf237a 100644
--- a/src/Components/Footer.css
+++ b/src/Components/Footer.css
@@ -1,140 +1,146 @@
 .footer {
-    height: 500px;
+    height: 350px;
     width: 100%;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
-    padding-top: 100px;
+    margin-top: 5px;
 }
-.first {
+.section-1 {
     height: 100%;
-    width: 60%;
-    margin-top: 15%;
-}
-.heading {
-    height: 50px;
-    font-size: xxx-large;
-    font-weight: bolder;
-    font-family: Arial, Helvetica, sans-serif;
-}
-.socials {
-    height: 100px;
-    width: 300px;
-    display: flex;
-    justify-content: space-evenly;
+    width: 25%;
+    display: inline-flex;
     align-items: center;
+    justify-content: space-evenly;
 }
-.firstlogo a {
-    height: 100%;
-    width: 100%;
-}
-.firstlogo {
-    height: 60%;
-    width: 20%;
-    background-image: url("../img/1test.jpg");
-    background-size: cover;
+.logo1,
+.logo2 {
+    height: 20%;
+    width: 28%;
+    background-size: contain;
     background-repeat: no-repeat;
 }
-.secondlogo {
-    height: 60%;
-    width: 20%;
-    background-image: url("../img/2test.jpg");
-    background-size: cover;
-    background-repeat: no-repeat;
+.logo1 {
+    background-image: url("../img/logo1.jpg");
 }
-.thirdlogo {
-    height: 60%;
-    width: 20%;
-    background-image: url("../img/3test.jpg");
-    background-size: cover;
-    background-repeat: no-repeat;
+.logo2 {
+    width: 40%;
+    background-image: url("../img/logo2.png");
 }
-.email {
-    margin: 2%;
-    height: 40px;
-    width: 80%;
-    border: 1.5px solid black;
+.section-2 {
+    height: 100%;
+    width: 30%;
+}
+.S1 a,
+.S2 a,
+.S3 a,
+.S4 a,
+.S5 a,
+.S6 a {
+    text-decoration: none;
+    color: black;
+}
+.S1,
+.S2,
+.S3,
+.S4,
+.S5,
+.S6 {
+    height: 10%;
+    width: 100%;
     display: flex;
     align-items: center;
+    justify-content: center;
+    font-size: x-large;
+    font-weight: bold;
 }
-.address {
-    margin: 2%;
-    height: 70px;
-    width: 80%;
-    border: 1.5px solid black;
+.Features {
+    height: 15%;
+    width: 100%;
+    font-size: x-large;
+    font-weight: bolder;
     display: flex;
     align-items: center;
+    justify-content: center;
 }
-.c1 {
+.section3 {
     height: 100%;
-    width: 25%;
+    width: 30%;
+}
+.main {
+    height: 10%;
+    width: 100%;
+    font-size: xx-large;
+    font-weight: bolder;
     display: flex;
-    font-size: x-large;
     align-items: center;
-    position: relative;
-    left: 5%;
+    justify-content: center;
 }
-.c2 {
-    height: 100%;
+.Socials {
+    height: 30%;
     width: 100%;
     display: flex;
-    font-size: x-large;
     align-items: center;
-    position: relative;
-    left: 5%;
+    justify-content: space-evenly;
 }
-.copyright {
-    height: 100px;
-    width: 100%;
-    display: inline;
+.insta {
+    height: 50%;
+    width: 18%;
+    background-image: url("../img/2test.jpg");
+    background-size: contain;
+    background-repeat: no-repeat;
 }
-.l1 {
+.linkdn {
     height: 50%;
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: x-large;
+    width: 18%;
+    background-image: url("../img/1test.jpg");
+    background-size: contain;
+    background-repeat: no-repeat;
 }
-.l2 {
+.twitter {
     height: 50%;
+    width: 18%;
+    background-image: url("../img/3test.jpg");
+    background-size: contain;
+    background-repeat: no-repeat;
+}
+.mail {
+    height: 10%;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: large;
+    border: 1.5px solid black;
 }
-.second {
-    height: 100%;
-    width: 30%;
+.Address {
+    height: 20%;
+    width: 100%;
+    font-size: large;
     display: flex;
-    justify-content: space-evenly;
     align-items: center;
+    justify-content: center;
+    border: 1.5px solid black;
+    margin-top: 2%;
 }
-.main-logo1 {
-    height: 100px;
-    width: 100px;
-    background-image: url("../img/logo1.jpg");
-    background-size: cover;
-    background-repeat: no-repeat;
+.copyright {
+    height: 50px;
+    width: 100%;
 }
-.main-logo2 {
-    height: 200px;
-    width: 170px;
-    background-image: url("../img/logo2.png");
-    background-size: contain;
-    background-repeat: no-repeat;
-    position: relative;
-    top: 13%;
+.first,
+.Second {
+    height: 50%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
-.feature {
-    padding: 100px;
-    padding-left: 200px;
-    padding-right: 200px;
-    font-size: larger;
+.first {
+    font-size: x-large;
 }
-.content a {
-    color: black;
-    margin-top: 10px;
-    text-decoration: none;
+.insta a,
+.linkdn a,
+.twitter a {
+    height: 100%;
+    width: 100%;
 }
diff --git a/src/Components/Footer.js b/src/Components/Footer.js
index 9d43e4b..7ebbc40 100644
--- a/src/Components/Footer.js
+++ b/src/Components/Footer.js
@@ -5,65 +5,58 @@ export default function Footer() {
     return (
         <div>
             <div class="footer">
-                <div class="second">
-                    <div class="main-logo1"></div>
-                    <div class="main-logo2"></div>
+                <div class="section-1">
+                    <div class="logo1"></div>
+                    <div class="logo2"></div>
                 </div>
-                <div class="feature">
-                    <h3>Features</h3>
-                    <div class="content">
-                        <div class="home">
-                            <a href="https://enactusadgitm.in/">Home</a>
-                        </div>
-                        <div class="about">
-                            <a href="#">About</a>
-                        </div>
-                        <div class="store">
-                            <a href="https://darpan.enactusadgitm.in/">Store</a>
-                        </div>
-                        <div class="projects">
-                            <a href="https://enactusadgitm.in/projects">
-                                Projects
-                            </a>
-                        </div>
-                        <div class="Team">
-                            <a href="#">Team</a>
-                        </div>
-                        <div class="events">
-                            <a href="#">Events</a>
-                        </div>
+                <div class="section-2">
+                    <div class="Features">Features</div>
+                    <div class="S1">
+                        <a href="https://enactusadgitm.in/">Home</a>
                     </div>
-                </div>
-                <div class="first">
-                    <div class="heading">Connect With Us</div>
-                    <div class="socials">
-                        <a
-                            href="https://www.linkedin.com/company/enactus-adgitm"
-                            class="firstlogo"
-                        ></a>
-                        <a
-                            href="https://www.instagram.com/enactus.adgitm/"
-                            class="secondlogo"
-                        ></a>
-                        <a
-                            href="https://twitter.com/adgitmenactus"
-                            class="thirdlogo"
-                        ></a>
+                    <div class="S2">
+                        <a href="https://enactusadgitm.in/#contact-form">
+                            About
+                        </a>
                     </div>
-                    <div class="email">
-                        <div class="c1">enactusadgitm@gmail.com</div>
+                    <div class="S3">
+                        <a href="https://darpan.enactusadgitm.in/">Store</a>
                     </div>
-                    <div class="address">
-                        <div class="c2">
-                            FC-26, Panduk Shila Marg, Zero Pusta Rd, Shastri
-                            Park, Shahdara, New Delhi, Delhi-110053
+                    <div class="S4">
+                        <a href="https://enactusadgitm.in/projects">Projects</a>
+                    </div>
+                    <div class="S5">
+                        <a href="">Team</a>
+                    </div>
+                    <div class="S6">
+                        <a href="">Events</a>
+                    </div>
+                </div>
+                <div class="section3">
+                    <div class="main">Connect With Us</div>
+                    <div class="Socials">
+                        <div class="insta">
+                            <a href="https://www.instagram.com/enactus.adgitm/"></a>
                         </div>
+                        <div class="linkdn">
+                            <a href="https://www.linkedin.com/company/enactus-adgitm"></a>
+                        </div>
+                        <div class="twitter">
+                            <a href="https://twitter.com/adgitmenactus"></a>
+                        </div>
+                    </div>
+                    <div class="mail">enactusadgitm@gmail.com</div>
+                    <div class="Address">
+                        FC-26,Panduk Shila Marg, Zero Pusta
+                        <br />
+                        Rd, Shashtri Park, Shahdara, New <br />
+                        Delhi, Delhi-110053
                     </div>
                 </div>
             </div>
             <div class="copyright">
-                <div class="l1">Enactus ADGITM © 2024</div>
-                <div class="l2">All Rights Reserved</div>
+                <div class="first">Enactus ADGITM © 2024</div>
+                <div class="Second">All Rights Reserved</div>
             </div>
         </div>
     )
diff --git a/src/Components/Navbar.css b/src/Components/Navbar.css
index b4c6784..fae5651 100644
--- a/src/Components/Navbar.css
+++ b/src/Components/Navbar.css
@@ -50,4 +50,5 @@
 }
 .content a:hover {
     color: grey;
+    font-weight: bold;
 }