diff --git a/about-us.html b/about-us.html
index d3c8649..3bf1f10 100644
--- a/about-us.html
+++ b/about-us.html
@@ -35,41 +35,46 @@
     <div class="progress-bar" id="progressBar">
       <div class="bar" id="bar"></div>
   </div>
-    <header>
-      <nav>
-  
-        <p class="title" >About Us</p>
-        <div class="nav-links">
-  
-  
-            <a href="index.html">
-              <button class="add">
-                Go To Profile Section &nbsp; <i class="fa-solid fa-user"></i>
-              </button>
-            </a>
-          
-            <a href="project.html">
-              <button class="add">
-                Go to Project section &nbsp; <i class="fa-solid fa-list-check"></i>
-              </button>
-            </a>
-            
-            <a href="about-us.html">
-              <button class="add" onclick='window.open("about-us.html","_self")'>
-                About Us &nbsp; <i class="fa-solid fa-info-circle"></i>
-              </button>
-            </a>
+
+
+
+  <div class="navbar">
+      <header>
+        <nav>
+    
+          <p class="title" >About Us</p>
+          <div class="nav-links">
+    
+    
+              <a href="index.html">
+                <button class="add">
+                  Go To Profile Section &nbsp; <i class="fa-solid fa-user"></i>
+                </button>
+              </a>
             
-            <a href="contact-us.html">
-              <button class="add" onclick='window.open("contact-us.html","_self")'>
-                Content Us &nbsp; <i class="fa-solid fa-address-book"></i>
-              </button>
-            </a>
-            <button class="dark-btn about-dark"><img id="icon" src="dark.png" alt="Dark" style="right: 0%;top: 0%;"></img></button>
-        </div>
-  
-      </nav>
-    </header>
+              <a href="project.html">
+                <button class="add">
+                  Go to Project section &nbsp; <i class="fa-solid fa-list-check"></i>
+                </button>
+              </a>
+              
+              <a href="about-us.html">
+                <button class="add" onclick='window.open("about-us.html","_self")'>
+                  About Us &nbsp; <i class="fa-solid fa-info-circle"></i>
+                </button>
+              </a>
+              
+              <a href="contact-us.html">
+                <button class="add" onclick='window.open("contact-us.html","_self")'>
+                  Content Us &nbsp; <i class="fa-solid fa-address-book"></i>
+                </button>
+              </a>
+              <button class="dark-btn about-dark"><img id="icon" src="dark.png" alt="Dark" style="right: 0%;top: 0%;"></img></button>
+          </div>
+    
+        </nav>
+      </header>
+  </div>
 
 
 
@@ -137,6 +142,7 @@ <h2 class="section-title">Contact Us</h2>
               class="link-primary"
               >GitHub Repository</a
             >.
+
           </p>
         </div>
       </main>
diff --git a/index.html b/index.html
index 2cdd265..505e091 100644
--- a/index.html
+++ b/index.html
@@ -21,15 +21,21 @@
     <div class="progress-bar" id="progressBar">
         <div class="bar" id="bar"></div>
     </div>
-    <header>
+
+    <div >
+        <header>
         <nav>
             <p class="title"><a href="#">Dev Profiles</a></p>
             <div class="nav-links">
 
-                <button class="add" onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'>
+                <!-- <button class="add" onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'>
                     Add your Profile &nbsp;
                     <i class="fa-sharp fa-solid fa-user-plus"></i>
-                </button>
+                </button> -->
+                
+                
+                <a href="https://github.com/Gyanthakur/DevProfile" target="_blank"><button class="add">Add your Profile &nbsp; <i class="fa-sharp fa-solid fa-user-plus"></i>
+                </button></a>
                 
                 
                 <a href="project.html"><button class="add">Go to Project section &nbsp; <i class="fa-solid fa-list-check"></i>
@@ -50,7 +56,8 @@
             </div>
 
         </nav>
-    </header>
+        </header>
+    </div>
 
 
 
@@ -62,31 +69,11 @@
 
     <div class="container">
 
-        <div class="profile">
-            <div class="lines"></div>
-            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
-            <h3 class="name">Gyan Pratap Singh</h3>
-            <div class="skills">
-                <span class="skill">Javascript</span>
-                <span class="skill">ReactJs</span>
-                <span class="skill">C++</span>
-                <span class="skill">Nodejs</span>
-
-            </div>
-            <div class="social">
-                <a href="https://github.com/Gyanthakur" target="_blank" rel="noopener" title="GitHub Profile"><i class="fa-brands fa-github"></i></a>
-                <a href="https://twitter.com/gps_96169" target="_blank" rel="noopener" title="Twitter Profile"><i class="fa-brands fa-x-twitter"></i></a>
-                <a href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/" target="_blank" rel="noopener" title="LinkedIn Profile"><i
-                        class="fa-brands fa-linkedin-in"></i></a>
-                <a href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0"
-                    target="_blank" rel="noopener" title="Facebook Profile"><i class="fa-brands fa-facebook"></i></a>
-            </div>
         
-        </div>
 
 		<div class="profile">
             <div class="lines"></div>
-            <div class="pfp"><img src="./default.png" alt="User Image"></div>
+            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/114869253?v=4" alt="User Image"></div>
             <h3 class="name">Susmita Santi</h3>
             <div class="skills">
                 <span class="skill">ReactJS</span>
@@ -108,6 +95,28 @@ <h3 class="name">Susmita Santi</h3>
         
         </div>
 
+        <div class="profile">
+            <div class="lines"></div>
+            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
+            <h3 class="name">Gyan Pratap Singh</h3>
+            <div class="skills">
+                <span class="skill">Javascript</span>
+                <span class="skill">ReactJs</span>
+                <span class="skill">C++</span>
+                <span class="skill">Nodejs</span>
+
+            </div>
+            <div class="social">
+                <a href="https://github.com/Gyanthakur" target="_blank" rel="noopener" title="GitHub Profile"><i class="fa-brands fa-github"></i></a>
+                <a href="https://twitter.com/gps_96169" target="_blank" rel="noopener" title="Twitter Profile"><i class="fa-brands fa-x-twitter"></i></a>
+                <a href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/" target="_blank" rel="noopener" title="LinkedIn Profile"><i
+                        class="fa-brands fa-linkedin-in"></i></a>
+                <a href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0"
+                    target="_blank" rel="noopener" title="Facebook Profile"><i class="fa-brands fa-facebook"></i></a>
+            </div>
+        
+        </div>
+
         <div class="profile">
             <div class="lines"></div>
             <div class="pfp"><img src="https://github.com/anurag-327.png" alt="User Image"></div>
@@ -165,6 +174,32 @@ <h3 class="name">Karunakar S</h3>
                 <a href="https://www.linkedin.com/in/karunakar-s-b52895202" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
         </div>
     </div>
+
+
+
+
+    <div class="profile">
+        <div class="lines"></div>
+        
+        <div class="pfp"><img src="https://avatars.githubusercontent.com/u/143484719?v=4" alt="User Image"></div>
+        <h3 class="name">Aditya Singh</h3>
+        <div class="skills">
+            <span class="skill">HTML</span>
+            <span class="skill">CSS</span>
+            <span class="skill">JAVASCRIPT</span>
+            <span class="skill">PYTHON</span>
+            <span class="skill">C++</span>
+        </div>
+        <div class="social">
+            <a href="https://github.com/ADITYASINGH0175" target="_blank"><i class="fa-brands fa-github"></i></a>
+            <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+            <a href="[https://www.linkedin.com/in/aditya-singh-3631b0216?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3Bpw5UgXa2QfKS3yRivho3SA%3D%3D" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
+            <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
+    </div>
+    </div>
+
+
+
         <div class="profile">
             <div class="lines"></div>
             <!-- change './default.png' to your profile image url -->
diff --git a/project.html b/project.html
index 987594f..1a07cc0 100644
--- a/project.html
+++ b/project.html
@@ -19,32 +19,42 @@
     <div class="progress-bar" id="progressBar">
         <div class="bar" id="bar"></div>
     </div>
-    <header>
-        <nav>
-            <p class="title"><a href="#">Dev Profiles</a></p>
-            <div class="nav-links">
-
-                <a href="index.html"><button class="add">Go To Profile Section &nbsp; <i class="fa-solid fa-user"></i> </button></a>
-
-                <button class="add" onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'>Add your Project
-                    &nbsp; <i class="
-                    fa-sharp fa-solid fa-user-plus"></i> </button>
-                    <a href="about-us.html">
-                        <button class="add" onclick='window.open("about-us.html","_self")'>
-                          About Us &nbsp; <i class="fa-solid fa-info-circle"></i>
-                        </button>
-                      </a>
-            
-                    <a href="contact-us.html">
-                        <button class="add" onclick='window.open("contact-us.html","_self")'>
-                          Content Us &nbsp; <i class="fa-solid fa-address-book"></i>
-                        </button>
-                    </a>
-                    <button class="dark-btn"><img id="icon" src="dark.png" alt="Dark"></img></button>
-            </div>
-
-        </nav>
-    </header>
+
+    <div class="navbar">
+        <header>
+            <nav>
+                <p class="title"><a href="#">Dev Profiles</a></p>
+                <div class="nav-links">
+
+                    <a href="index.html"><button class="add">Go To Profile Section &nbsp; <i class="fa-solid fa-user"></i> </button></a>
+
+                    <!-- <button class="add" onclick='window.open("https://github.com/Gyanthakur/DevProfile","_blank")'>Add your Project
+                        &nbsp; <i class="
+                        fa-sharp fa-solid fa-user-plus"></i> 
+                    </button> -->
+
+                        <a href="https://github.com/Gyanthakur/DevProfile" target="_blank">
+                            <button class="add">
+                                Add your Project &nbsp; <i class="fa-sharp fa-solid fa-user-plus"></i>
+                            </button>
+                        </a>
+                        <a href="about-us.html">
+                            <button class="add" onclick='window.open("about-us.html","_self")'>
+                            About Us &nbsp; <i class="fa-solid fa-info-circle"></i>
+                            </button>
+                        </a>
+                
+                        <a href="contact-us.html">
+                            <button class="add" onclick='window.open("contact-us.html","_self")'>
+                            Content Us &nbsp; <i class="fa-solid fa-address-book"></i>
+                            </button>
+                        </a>
+                        <button class="dark-btn"><img id="icon" src="dark.png" alt="Dark"></img></button>
+                </div>
+
+            </nav>
+        </header>
+    </div>
 
     <div class="line"><br></div>
 
@@ -79,6 +89,73 @@ <h3 class="name">Tanvi</h3>
                 <a href="https://github.com/TanviCodesEveryday" target="_blank"><i class="fa-brands fa-github"></i></a>
             </div>
         </div>
+
+
+        <div class="profile">
+            <div class="lines"></div>
+            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
+            <h3 class="name">Gyan Pratap Singh</h3>
+            <div class="project">
+                <a href="https://github.com/Gyanthakur" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="https://github.com/Gyanthakur/TextUtils" target="_blank"><i
+                        class="fa-solid fa-money-bill-transfer"></i></a>
+                <a href="https://gyanthakur.github.io/TextUtils/" target="_blank"><i
+                        class="fa-brands fa-octopus-deploy"></i></a>
+            </div>
+            <div class="projectNam">
+                <span>Text_UTILS Editor</span>
+                <span>Repo Url</span>
+                <span>Deploy Link</span>
+            </div>
+            <div class="skills">
+                <span class="skill">Javascript</span>
+                <span class="skill">ReactJs</span>
+                <span class="skill">C++</span>
+                <span class="skill">Nodejs</span>
+
+            </div>
+            <div class="social">
+                <a href="https://github.com/Gyanthakur" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="https://twitter.com/gps_96169" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+                <a href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/" target="_blank"><i
+                        class="fa-brands fa-linkedin-in"></i></a>
+                <a href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0"
+                    target="_blank"><i class="fa-brands fa-facebook"></i></a>
+            </div>
+        </div>
+
+
+        <div class="profile">
+            <div class="lines"></div>
+            <div class="pfp"><img src="https://github.com/anurag-327.png" alt="User Image"></div>
+            <h3 class="name">Anurag Srivastav</h3>
+            <div class="project">
+                <a href="https://github.com/anurag-327" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="https://github.com/anurag-327/QuickSign" target="_blank"><i
+                        class="fa-solid fa-money-bill-transfer"></i></a>
+                <a href="https://quick-sign.vercel.app/" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
+            </div>
+            <div class="projectNam">
+                <span>Quicker Sign</span>
+                <span>Repo URL</span>
+                <span>Deploy Link</span>
+            </div>
+            <div class="skills">
+                <span class="skill">React js</span>
+                <span class="skill">Express</span>
+                <span class="skill">Mongo DB</span>
+                <span class="skill">JWT</span>
+
+            </div>
+            <div class="social">
+                <a href="https://github.com/anurag-327" target="_blank"><i class="fa-brands fa-github"></i></a>
+                <a href="https://twitter.com/itsAnurag_sri" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+                <a href="https://www.linkedin.com/in/anuragsr327/" target="_blank"><i
+                        class="fa-brands fa-linkedin-in"></i></a>
+            </div>
+        </div>
+
+
         <div class="profile">
             <div class="lines"></div>
             <div class="pfp"><img src="https://avatars.githubusercontent.com/u/137164745?v=4&size=64" alt="User Image">
@@ -172,38 +249,7 @@ <h3 class="name">Hemang Yadav</h3>
                 <a href="https://linkedin.com/in/zemerik" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
             </div>
         </div>
-        <div class="profile">
-            <div class="lines"></div>
-            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/98226958?v=4" alt="User Image"></div>
-            <h3 class="name">Gyan Pratap Singh</h3>
-            <div class="project">
-                <a href="https://github.com/Gyanthakur" target="_blank"><i class="fa-brands fa-github"></i></a>
-                <a href="https://github.com/Gyanthakur/TextUtils" target="_blank"><i
-                        class="fa-solid fa-money-bill-transfer"></i></a>
-                <a href="https://gyanthakur.github.io/TextUtils/" target="_blank"><i
-                        class="fa-brands fa-octopus-deploy"></i></a>
-            </div>
-            <div class="projectNam">
-                <span>Text_UTILS Editor</span>
-                <span>Repo Url</span>
-                <span>Deploy Link</span>
-            </div>
-            <div class="skills">
-                <span class="skill">Javascript</span>
-                <span class="skill">ReactJs</span>
-                <span class="skill">C++</span>
-                <span class="skill">Nodejs</span>
-
-            </div>
-            <div class="social">
-                <a href="https://github.com/Gyanthakur" target="_blank"><i class="fa-brands fa-github"></i></a>
-                <a href="https://twitter.com/gps_96169" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
-                <a href="https://www.linkedin.com/in/gyan-pratap-singh-275785236/" target="_blank"><i
-                        class="fa-brands fa-linkedin-in"></i></a>
-                <a href="https://m.facebook.com/profile.php?eav=AfaqcHZxqYa9JW_KiMc12-UaK795uvnKLpf6fkHA6L4JkUTH-M30JYLTQ5nSffYiVJI&paipv=0"
-                    target="_blank"><i class="fa-brands fa-facebook"></i></a>
-            </div>
-        </div>
+        
 
         <div class="profile">
             <div class="lines"></div>
@@ -265,35 +311,7 @@ <h3 class="name">Prateek Sethi</h3>
                     </div>
                 </div>
 
-        <div class="profile">
-            <div class="lines"></div>
-            <div class="pfp"><img src="https://github.com/anurag-327.png" alt="User Image"></div>
-            <h3 class="name">Anurag Srivastav</h3>
-            <div class="project">
-                <a href="https://github.com/anurag-327" target="_blank"><i class="fa-brands fa-github"></i></a>
-                <a href="https://github.com/anurag-327/QuickSign" target="_blank"><i
-                        class="fa-solid fa-money-bill-transfer"></i></a>
-                <a href="https://quick-sign.vercel.app/" target="_blank"><i class="fa-brands fa-octopus-deploy"></i></a>
-            </div>
-            <div class="projectNam">
-                <span>Quicker Sign</span>
-                <span>Repo URL</span>
-                <span>Deploy Link</span>
-            </div>
-            <div class="skills">
-                <span class="skill">React js</span>
-                <span class="skill">Express</span>
-                <span class="skill">Mongo DB</span>
-                <span class="skill">JWT</span>
-
-            </div>
-            <div class="social">
-                <a href="https://github.com/anurag-327" target="_blank"><i class="fa-brands fa-github"></i></a>
-                <a href="https://twitter.com/itsAnurag_sri" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
-                <a href="https://www.linkedin.com/in/anuragsr327/" target="_blank"><i
-                        class="fa-brands fa-linkedin-in"></i></a>
-            </div>
-        </div>
+        
 
 
         <div class="profile">
@@ -568,25 +586,7 @@ <h3 class="name">Ashish</h3>
                 <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
             </div>
         </div>
-                <div class="profile">
-            <div class="lines"></div>
-            
-            <div class="pfp"><img src="https://avatars.githubusercontent.com/u/143484719?v=4" alt="User Image"></div>
-            <h3 class="name">Aditya Singh</h3>
-            <div class="skills">
-                <span class="skill">HTML</span>
-                <span class="skill">CSS</span>
-                <span class="skill">JAVASCRIPT</span>
-                <span class="skill">PYTHON</span>
-                <span class="skill">C++</span>
-            </div>
-            <div class="social">
-                <a href="https://github.com/ADITYASINGH0175" target="_blank"><i class="fa-brands fa-github"></i></a>
-                <a href="[YOUR X/TWITTER URL]" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
-                <a href="[https://www.linkedin.com/in/aditya-singh-3631b0216?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3Bpw5UgXa2QfKS3yRivho3SA%3D%3D" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
-                <a href="[YOUR FACEBOOK URL]" target="_blank"><i class="fa-brands fa-facebook"></i></a>
-        </div>
-    </div>
+    
 
 
         <!-- project  -->
diff --git a/style.css b/style.css
index d845993..6ff3192 100644
--- a/style.css
+++ b/style.css
@@ -65,7 +65,7 @@ body {
 
 /* Navbar */
 
-nav{
+/* nav{
   display: flex;
   width: 100%;
   justify-content: space-between;
@@ -76,7 +76,127 @@ nav{
 .nav-links{
   display: flex;
   align-items: center;
+} */
+
+
+
+
+
+
+
+
+
+
+/* General Styles for Navbar */
+nav {
+  /* background: yellow; */
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 20px;
+}
+
+.title a {
+  font-size: 1.5rem;
+  text-decoration: none;
+  color: black;
+}
+
+.nav-links {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+}
+
+.add {
+  background-color: #007BFF;
+  color: white;
+  border: none;
+  padding: 10px 15px;
+  border-radius: 5px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+
+.add i {
+  margin-left: 5px;
+}
+
+.dark-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+}
+
+img#icon {
+  width: 30px;
 }
+
+@media (max-width: 768px) {
+  nav {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    /* margin-bottom: 5px; */
+  }
+
+  .nav-links {
+    margin-top: 10px;
+    flex-direction: column;
+    /* align-items: flex-end; */
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    width: 100%;
+  }
+
+  .add {
+    width: 100%;
+    text-align: center;
+  }
+}
+
+@media (max-width: 480px) {
+  .title a {
+    font-size: 1.2rem;
+  }
+
+  .add {
+    padding: 8px 10px;
+    font-size: 0.9rem;
+  }
+
+  img#icon {
+    width: 25px;
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 body,
 .title,
@@ -260,7 +380,7 @@ body .title {
 }
 
 .project a:hover {
-  color: #333;
+  color: #c83a3a;
   font-size: 28px;
 }