diff --git a/index.html b/index.html
index b7d22612..e54129d2 100644
--- a/index.html
+++ b/index.html
@@ -76,18 +76,18 @@
     <nav class="navbar">
       <ul>
         <i class='icons bx bxs-home'></i>
-        <li style="margin-left: 1px;"><a href="#home">home</a></li>
+        <li style="margin-left: 1px;"><a href="#home">Home</a></li>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <i class='icons bx bx-laptop'></i>
         <li style="margin-left: 1px;"><a href="./backend/public/index.html">Projects</a></li>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <i class='icons bx bxs-contact'></i>
-        <li style="margin-left: 1px;"><a href="#contact">contact</a></li>
+        <li style="margin-left: 1px;"><a href="#contact">Contact</a></li>
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-        <button id="login">Log In</button>
+        <button type="button" class="btn btn-primary">Log in</button>
         <h3 id="name"></h3>
         <img id="image" onclick="ProfileClicked()" />
-        <button onclick="logout()" id="logout">Logout</button>
+        
         <label class="theme-switch" for="checkbox">
           <input type="checkbox" id="checkbox" />
           <div class="slider round" id="toggle"></div>
@@ -105,7 +105,7 @@ <h2>B.E / BCA/ MCA / BSC-IT / etc.</h2>
     <div class="wave wave3"></div>
   </section>
 
-  <div class="pt-5 pb-5">
+  <div >
     <div class="container">
       <div class="row">
         <div class="section-head col-sm-12" id="projects">