diff --git a/log/login.html b/log/login.html
index 44c4e6db..e41778b4 100644
--- a/log/login.html
+++ b/log/login.html
@@ -17,6 +17,210 @@
   <script src="https://cdn.rawgit.com/oauth-io/oauth-js/c5af4519/dist/oauth.js"></script>
   <meta name="google-signin-client_id" content="646664380070-n07i34glgcc6sanb59p3m1k5k0cgn1v1.apps.googleusercontent.com">
   <style>
+    body {
+        font-family: Arial, sans-serif;
+        line-height: 1.6;
+        margin: 0;
+        padding: 0;
+        background-color: #000;
+        color: #fff;
+      }
+
+      ::-webkit-scrollbar {
+        width: 10px;
+      }
+
+      ::-webkit-scrollbar-thumb {
+        background-color: #3fbcc0;
+        border-radius: 10px;
+      }
+
+      ::-webkit-scrollbar-thumb:hover {
+        background-color: #005253;
+        border-radius: 10px;
+      }
+
+      ::-webkit-scrollbar-track {
+        background-color: #011212;
+      }
+
+      #privacy-policy-container {
+        max-width: 800px;
+        margin: 30px auto;
+        padding: 20px;
+        background: #1c413b;
+        border-radius: 8px;
+        color: white;
+        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        position: relative;
+        top: 78px;
+      }
+
+      #privacy-policy-header {
+        text-align: center;
+      }
+
+      #privacy-policy-title {
+        font-size: 2.8em;
+        /* Larger main heading */
+        color: #fff;
+        margin-bottom: 20px;
+      }
+
+      .section-title {
+        color: #00d9ffc2;
+        /* Light blue section titles */
+        font-size: 1.5em;
+        margin-top: 20px;
+      }
+
+      .section-content {
+        margin-top: 10px;
+      }
+
+      .nav_link li {
+        margin-right: 1px;
+        /* Add space between items */
+        padding: 5px 10px;
+        display: inline-block;
+        color: white;
+      }
+
+      .nav_link li a {
+        transition: all 0.3s ease 0s;
+        color: white;
+        text-decoration: none;
+      }
+
+      .nav_link li a:hover {
+        color: #55a5ea;
+      }
+
+      #header {
+        position: relative;
+        top: 0px;
+      }
+
+      .header_container {
+        background-color: #022a2d;
+        opacity: 0.9;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        
+        height: 85px;
+        margin: auto;
+        margin-top: -500px;
+        /* Adjust this value to move the header down */
+        padding-top: 15px;
+        position: fixed;
+        z-index: 101;
+      }
+
+      .iti--allow-dropdown input {
+        padding-left: 50px;
+        background-color: black; /* Adjust padding to prevent overlap */
+      }
+
+      .iti.iti--allow-dropdown {
+        margin-left: 250px;
+      }
+
+      .sec-img {
+        max-width: 50%;
+        width: 600px;
+        height: 600px;
+        margin-left: auto;
+      }
+
+      .btn-get-started {
+        display: inline-block;
+        background-color: #55a5ea;
+        color: #fff;
+        padding: 10px 20px;
+        text-decoration: none;
+        border-radius: 5px;
+        margin-top: 20px;
+      }
+      .btn-get-started:hover {
+        background-color: green;
+        color: white;
+      }
+      select {
+        padding: 1px;
+        background-color: #55a5ea;
+        color: white;
+        height: 5vh;
+        width: 17vh;
+      }
+      option {
+        background-color: #55a5ea;
+        color: white;
+      }
+      .hamburger {
+        display: none;
+        cursor: pointer;
+        position: absolute;
+        top: 29px;
+        left: 1.5%;
+      }
+      button {
+        background-color: hwb(181 16% 46%);
+        color: white;
+        border: none;
+        padding: 10px 20px;
+        border-radius: 4px;
+        cursor: pointer;
+      }
+      .line {
+        width: 30px;
+        height: 5px;
+        margin: 4px 4px;
+        background-color: white;
+      }
+      .img p{
+        display: none; 
+        color: white;
+        font-size: 1.4rem;
+        font-family: "Poppins";
+      }
+      @media only screen and (max-width: 820px) {
+        .hamburger {
+          display: block;
+        }
+        .header_container {
+          flex-direction: column;
+          align-items: start;
+        
+          
+        
+          /* padding-top: 5px; */
+        }
+        .nav_link {
+          display: flex;
+          flex-direction: column;
+          position: relative;
+          right: 32px;
+        }
+        .nav-h {
+          height: 5.5rem;
+          width: 100vw;
+        }
+        .vis-h {
+          opacity: 0;
+        }
+        .img img{
+          display: none;
+        }
+        .img p{
+          display: block;
+          position: relative;
+          left: 300px;
+          bottom: -8px;
+        }
+      }
+
     .social-container {
       display: flex;
       justify-content: center;
@@ -34,6 +238,48 @@
     </style>
 </head>
 <body>
+  <header class="header_container nav-h" style="padding-right: 160px;">
+    <div class="img">
+      <p>Rapidoc</p>
+    </div>
+    <nav class="nav_menu">
+      <ul class="nav_link vis-h">
+        <li>
+          <a href="/"><i class="bi bi-house-door-fill"></i> Home</a>
+        </li>
+        <li>
+          <a href="#about"><i class="bi bi-info-circle-fill"></i> About</a>
+        </li>
+        <li>
+          <a href="news.html"><i class="bi bi-newspaper"></i> News</a>
+        </li>
+        <li>
+          <a href="dex.html"><i class="bi bi-gear"></i> Service</a>
+        </li>
+        <li>
+          <a href="#patient-portal"
+            ><i class="bi bi-person"></i> Patient Portal</a
+          >
+        </li>
+        <li>
+          <a href="#doctors"><i class="bi bi-person-circle"></i> Doctor</a>
+        </li>
+        <li>
+          <a href="Html-Files/contact.html"
+            ><i class="bi bi-telephone"></i>Contact us</a
+          >
+        </li>
+        <li>
+          <a href="rateus.html"><i class="bi bi-star"></i>Rate Us</a>
+        </li>
+      </ul>
+      <div class="hamburger">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+      </div>
+    </nav>
+  </header>
   <div class="top-left-corner">
     <a href="../index.html" class="home-button">
       <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24" height="24" viewBox="0 0 64 64">