diff --git a/Css-Files/bloodstyle.css b/Css-Files/bloodstyle.css
index 98ec3a2a..dc998bba 100644
--- a/Css-Files/bloodstyle.css
+++ b/Css-Files/bloodstyle.css
@@ -210,7 +210,8 @@ justify-content: center;
 align-items: center;
 flex-direction: column;
 text-align: center;
-gap: 15px
+gap: 15px;
+padding-top: 3rem;
 }
 
 .container .drop .content h2{
@@ -228,6 +229,7 @@ gap: 15px
     align-items: center;
     font-size: 2em;
     color: var(--clr);
+    padding-left: 1em;
 }
 .container .drop .content a{
     position: relative;
@@ -241,10 +243,10 @@ gap: 15px
     opacity: 0.75;
     transition: 0.5s;
 }
-container .drop .content a:hover{
+.container .drop .content a:hover{
     opacity: 1;
 }
-container .drop .content a::before{
+.container .drop .content a::before{
     content: '';
     position: absolute;
     width: 65%;
@@ -266,4 +268,400 @@ container .drop .content a::before{
         font-size: 28px;
     line-height: 36px;
       }
-}
\ No newline at end of file
+}
+.ltr{
+    color: black !important;
+}
+
+  a {
+    color: #55a5ea;
+    text-decoration: none;
+    cursor: pointer;
+  }
+  
+  a:hover {
+    color: #55a5ea;
+    text-decoration: none;
+  }
+  
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: "Raleway", sans-serif;
+  }
+  
+  .nav_link li {
+    padding: 5px 10px;
+    display: inline-block;
+    color: white;
+  }
+  
+  .nav_link li a {
+    transition: all 0.3s ease 0s;
+    color: white;
+  }
+  button {
+    position: relative;
+    border-radius: 10px;
+    border: 1px solid #4bb6b7;
+    background-color: #4bb6b7;
+    color: #fff;
+    font-size: 15px;
+    font-weight: 700;
+    margin: 8px;
+    padding: 8px 50px;
+    letter-spacing: 1px;
+    text-transform: capitalize;
+    transition: 0.3s ease-in-out;
+    cursor: pointer;
+  }
+  
+  .nav_link li a:hover {
+    color: #55a5ea;
+  
+    /* text-decoration: underline 2.5px rgb(3, 3, 94); */
+  }
+  
+  .header_container {
+    /* background-color: #d9d9d9; */
+    background-color: #022a2d ;
+    opacity: 0.9;
+    display: flex;
+    flex-direction: row;
+    /* justify-content: space-evenly; */
+    justify-content: space-between;
+    align-items: center;
+    height: 70px;
+    margin: auto;
+    width: 100%;
+  }
+
+  :root {
+    --text-color: #959DA5;
+    --footer-bg: #022a2d;
+    --footer-bottom-bg: #3fbcc051s;
+    --white: white;
+    --link-color: #959DA5;
+    --link-hover: #2F81CF;
+    --button-border: #848D97;
+  }
+  footer {
+    position: relative;
+    padding: 50px 0;
+  }
+  
+  #back-to-top-container {
+    position: fixed;
+    bottom: 25px;
+    right: 30px;
+    cursor: pointer;
+    z-index: 1000;
+  }
+  
+  .circle {
+    background-color: #00093d;
+    border-radius: 50%;
+    width: 35px;
+    height: 35px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: background-color 0.3s;
+  }
+  
+  #back-to-top {
+    width: 40px;
+    height: 40px;
+    fill: #4178c0;
+    color: #00093d;
+    transition: fill 0.3s;
+  }
+  
+  #back-to-top:hover {
+    fill: hsl(214, 50%, 60%);
+  }
+  
+  .back-to-top:hover {
+    background: #3fbcc0cd;
+    color: #fff;
+  }
+  
+  .back-to-top.active {
+    visibility: visible;
+    opacity: 1;
+  }
+
+  .subscribebtn:hover {
+    border: 3px solid var(--white);
+    background-color: var(--footer-bg);
+  }
+  #footer {
+    background: #000;
+    padding: 0 0 20px 0;
+    color: #fff;
+    font-size: 14px;
+    width: 100%;
+    padding: 50px;
+  }
+  
+  #footer .footer-top {
+    background: #000;
+    padding: 20px 0 20px 0;
+  }
+  
+  #footer .footer-top .footer-info {
+    margin-bottom: 20px;
+  }
+  
+  #footer .footer-top .footer-info h3 {
+    font-size: 50px;
+    margin: 0 0 20px 0;
+    color: #57a6ea;
+    padding: 2px 0 2px 0;
+    line-height: 1;
+  }
+  
+  #footer .footer-top .footer-info p {
+    font-size: 14px;
+    line-height: 24px;
+    margin-bottom: 0;
+    font-family: "Roboto", sans-serif;
+  }
+  
+  #footer .footer-top .social-links a {
+    font-size: 18px;
+    display: inline-block;
+    background: #57a6ea;
+    color: #fff;
+    line-height: 1;
+    padding: 8px 0;
+    margin-right: 4px;
+    border-radius: 4px;
+    text-align: center;
+    width: 36px;
+    height: 36px;
+    transition: 0.3s;
+  }
+  footer {
+    bottom: 0;
+    background-color: #03393d;
+    width: 100%;
+    min-width: 20re;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+  }
+  
+  
+  .footer-wrapper {
+    display: flex;
+    flex-direction: column;
+    max-width: 80rem;
+    width: 100%;
+    margin: 0 auto;
+    padding: 1rem;
+  }
+  
+  .footer-logo-columns {
+    list-style-type: none;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    flex-grow: 4;
+    gap: 3rem 1rem;
+  }
+  
+  .footer-logo {
+    margin-bottom: 2rem;
+    width: 3rem;
+  }
+  
+  .footer-logo-column {
+    display: flex;
+    grid-area: footer-logo;
+    flex-direction: column;
+    min-width: 16rem;
+    flex-grow: 1;
+    padding-right: 0.5rem;
+  }
+  
+  .footer-logo-column p {
+    color: var(--text-color);
+    font-size: 0.95rem;
+    margin-bottom: 1.5rem;
+  }
+  
+  .footer-logo-column h3 {
+    color: var(--white);
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
+  }
+  
+  /* other columns */
+  
+  .other-columns {
+    display: inline-grid;
+    grid-template-columns: repeat(2, 1fr);
+    width: 100%;
+    gap: 2rem 1rem;
+    padding-top: 2rem;
+  }
+  
+  .other-columns ul {
+    display: flex;
+    gap: 0.75rem;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    flex-direction: column;
+    font-weight: 600;
+  }
+  
+  .other-columns ul a {
+    color: var(--text-color);
+    text-decoration: none;
+    font-size: 0.85rem;
+  }
+  
+  .other-columns ul a:hover {
+    text-decoration: underline;
+  }
+  
+  .other-columns h3 {
+    color: var(--link-color);
+    margin-bottom: 1rem;
+    font-size: 1rem;
+    font-family: ui-monospace, monospace;
+  }
+  
+  .footer-logo svg {
+    fill: var(--white);
+  }
+  
+  /*? Footer bottom */
+  .footer-bottom {
+    width: 100%;
+    color: var(--text-color);
+    background-color: var(--footer-bottom-bg);
+  }
+  
+  .footer-bottom-wrapper {
+    display: flex;
+    max-width: 80rem;
+    margin: 0 auto;
+    gap: 1rem;
+    width: 100%;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    align-content: center;
+    padding: 1rem;
+  }
+  
+  .footer-bottom small {
+    font-size: 1rem;
+    display: inline;
+    white-space: nowrap;
+  }
+  
+  .footer-bottom-links {
+    list-style-type: none;
+    display: inline-flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 1rem;
+  }
+  
+  .footer-bottom-links a {
+    color: var(--link-color);
+    text-decoration: none;
+    white-space: nowrap;
+  }
+  
+  .footer-bottom-links a:hover {
+    color: var(--link-hover);
+    text-decoration: underline;
+  }
+  
+  .footer-bottom>small {
+    font-size: 1rem;
+    margin: 0 auto;
+    width: 100%
+  }
+  
+  /*? socials */
+  .social-wrapper {
+    display: flex;
+    gap: 0.5rem;
+    margin: 0 auto;
+  }
+  
+  .social-links {
+    display: inline-flex;
+    gap: 0.5rem;
+    align-items: center;
+  }
+  
+  .social-links img {
+    width: 1.5rem;
+    height: 1.5rem;
+    transition: all 0.2s ease-in-out;
+  }
+  
+  .social-links img:hover {
+    transform: scale(1.1);
+  }
+  
+  .social-links ul {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.75rem;
+    list-style-type: none;
+  }
+  
+  .footer-bottom-wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+  
+  .subscribe-form{
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+  .subscribe-form input{
+    padding: 10px;
+  }
+ 
+  @media (min-width: 600px) {
+    .other-columns {
+        display: grid;
+        grid-template-columns: repeat(4, 1fr);
+    }
+  
+    .footer-bottom-wrapper {
+        flex-direction: row;
+    }
+    .footer-bottom-wrapper small{
+      font-size: smaller;
+    }
+    .footer-bottom-links {
+        margin-left: 1.5rem;
+    }
+  }
+  
+  @media (max-width: 800px) {
+    .footer-top {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        padding: 1rem 0.5rem 2rem 0.5rem;
+    }
+  }
\ No newline at end of file
diff --git a/Html-Files/blood.html b/Html-Files/blood.html
index bb82c507..0ccbded8 100644
--- a/Html-Files/blood.html
+++ b/Html-Files/blood.html
@@ -2,6 +2,7 @@
 <html lang="en">
 <head>
 <meta charset="UTF-8">
+<link rel="icon" type="image/x-icon" href="../favicon.png">
 <link href="Css-Files/animate.min.css" rel="stylesheet">
   <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <link href="bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
@@ -10,29 +11,41 @@
   <link href="glightbox/css/glightbox.min.css" rel="stylesheet">
   <link href="remixicon/remixicon.css" rel="stylesheet">
   <link href="swiper/swiper-bundle.min.css" rel="stylesheet">
-  <link href="css/style.css" rel="stylesheet">
-<link rel="stylesheet" href="Css-Files/bloodstyle.css">
+<link rel="stylesheet" href="../Css-Files/bloodstyle.css">
+
+<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
+<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
+
 <title>
 Blood Bank
 </title>
 </head>
+
 <body>
-    <div id="topbar1" class="d-flex align-items-center fixed-top">
-        <div class="logo">
-            <h1><a href="#">RapiDoc</a></h1>
-        </div>
-        <div class="container d-flex justify-content-between">
-          <div class="contact-info d-flex align-items-center">
-            <i class="bi bi-envelope"></i> <a href="mailto:contact@example.com">rapidoc@mail.com</a>
-          </div>
-          <div class="d-none d-lg-flex social-links align-items-center">
-            <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
-            <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
-            <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
-            <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></i></a>
-          </div>
-        </div>
-      </div>
+  <header class="header_container">
+    <div class="img">
+      <a href="../index.html">
+        <img id="rd-logo"  style="width: 90px; height: auto;" src="../images/rd.png">
+      </a>
+     
+  </div>
+  
+  </div>
+  <nav class="nav_menu">
+    <ul class="nav_link">
+      <li><a href="../index.html"><i class="bi bi-house-door-fill"></i> Home</a></li>
+      <li><a href="../index.html#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="../index.html#patient-portal"><i class="bi bi-person"></i> Patient Portal</a></li>
+      <li><a href="../index.html#doctors"><i class="bi bi-person-circle"></i> Doctor</a></li>
+      <li><a href="./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>
+      <li><a href="../login.html"><i class="bi bi-box-arrow-right"></i> Sign in/Sign up</a></li>
+       <a href="./Doctor Experience.html"><button>Find a Doctor</button></a>
+     </ul>
+  </nav>
+</header>
     
 <div class="container">
     <div class="drop" style="--clr:#ff0f5b;">
@@ -107,6 +120,181 @@ <h2>AB-</h2>
     </div>
     </div>
 </div>
+
+<!-- <footer id="footer">
+    <div class="footer-top">
+      <div class="containerf">
+        <div class="row">
+
+          <div class="col-lg-3 col-md-6">
+            <div class="footer-info">
+              <h3>RapiDoc</h3>
+              <p>
+                Address<br>
+                Delhi, India<br><br>
+                <strong>Phone:</strong> +91 1234567890<br>
+                <strong>Email:</strong> rapidoc@mail.com<br>
+              </p>
+            </div>
+          </div>
+
+          <div class="col-lg-2 col-md-6 footer-links">
+            <h4>Links</h4>
+            <ul>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#about">About us</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#services">Services</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#doctor">Doctors</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#contact">Contact</a></li>
+            </ul>
+          </div>
+
+          <div class="col-lg-3 col-md-6 footer-links">
+            <h4>Our Services</h4>
+            <ul>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Location Services</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Online OPDs</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Availability Status</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">Pharmacy Services</a></li>
+              <li><i class="bx bx-chevron-right"></i> <a href="#">User Benefits</a></li>
+            </ul>
+          </div>
+
+          <div class="col-lg-4 col-md-6 footer-newsletter">
+            <h4>Daily Newsletter</h4>
+            <p>Get your medical insights! Subscribe to our newsletters&nbsp;now!</p>
+            <form action="" method="post">
+              <input type="email" name="email" placeholder="Email"><input type="submit" value="Subscribe">
+            </form>
+
+          </div>
+
+        </div>
+      </div>
+    </div>
+
+    <div class="containerf">
+      <div class="copyright">
+        © Copyright <strong> RapiDoc </strong> . All Rights Reserved
+      </div>
+    </div>
+  </footer> -->
+
+  <footer>
+    <div class="footer-wrapper">
+        <div class="footer-columns">
+            <div class="other-columns">
+                <section>
+                    <h4>Quick Links</h4><br>
+                      <ul class="links">
+                        <li><a href="./index.html">Home</a></li>
+                        <li><a href="#about">About Us</a></li>
+                        <li><a href="./Html-Files/contact.html">Contact Us</a></li>
+                        <li><a href="#services">Services</a></li>
+                        <li><a href="#doctors">Doctors</a></li>
+                        <li><a href="./faq.html">FAQ</a></li>
+                    </ul>
+                </section>
+                <section>
+                  <h4>Explore</h4><br>
+                  <ul class="links">
+                    <li><a href="#">Appointment</a></li>
+                    <li><a href="#">Patient Portal</a></li>
+                    <li><a href="#">Login account</a></li>
+                    <li><a href="#">Helplines</a></li>
+                    <li><a href="#">Location</a></li>
+                  </ul>
+                </section>
+                <section>
+                  <h4>Legal</h4><br>
+                  <ul class="links">
+                    <li><a href="#">Customer Agreement</a></li>
+                    <li><a href="#">Privacy Policy</a></li>
+                    <li><a href="#">GDPR</a></li>
+                    <li><a href="#">Security</a></li>
+                    <li><a href="#">Testimonials</a></li>
+                  </ul>
+                </section>
+                <section class="footer-col">
+                  <h4>RAPIDOC Newsletter</h4><br>
+                  <p>
+                    Subscribe to our newsletter for a weekly dose
+                    of news, updates, helpful tips, and
+                    exclusive offers.
+                  </p>
+                  <form action="#" class="subscribe-form">
+                    <input type="text" placeholder="Your email" required>
+                    <button type="submit">SUBSCRIBE</button>
+                  </form>
+                </section>
+            </div>
+        </div>
+    </div>
+    <div class="footer-bottom">
+        <div class="footer-bottom-wrapper">
+            <small>© <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
+              Reserved  Made with ❤️ by RapiDoc</small>
+              <style>
+                .social-wrapper a div i {
+                  color: #afb6c7;
+                }
+               .social-wrapper a div i:hover {
+                 color: #fff;
+                }
+              </style>
+            <div class="social-wrapper">
+              <div class="social-links">
+              <div style="margin-left: 100px;font-family: sans-serif;"><i>Follow&nbsp;Us&nbsp;:&nbsp;</i></div>
+              <a href="https://www.facebook.com/" target="_blank"><div><i class="fa-brands fa-facebook-f"></i></div></a>
+              <a href="https://www.twitter.com" target="_blank"><div><i class="fa-brands fa-twitter"></i></div></a>
+              <a href="https://www.linkedin.com" target="_blank"><div><i class="fa-brands fa-linkedin"></i></div></a>
+              <a href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-" target="_blank"><div><i class="fa-brands fa-github"></i></div></a>
+              <a href="+91 1234567890" title="+91 1234567890" target="_blank"><div><i class="fa-solid fa-phone"></i></div></a>
+              <a href="info@rapidoc.com" target="_blank"><div><i class="fa-solid fa-envelope"></i></div></a>
+              </div>
+            </div>
+      </div>
+    </div>
+</footer>
+
+  <div id="back-to-top-container">
+    <div class="circle">
+      <svg id="back-to-top" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+        class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
+        <path
+          d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0m-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707z" />
+      </svg>
+    </div>
+  </div>
+
+
+
+
+      <script>
+        document.addEventListener("DOMContentLoaded", function () {
+          const backToTopButton = document.getElementById('back-to-top-container');
+    
+          function checkButtonVisibility() {
+            if (window.innerWidth > 100 && window.scrollY > 100) {
+              backToTopButton.style.display = 'block';
+            } else {
+              backToTopButton.style.display = 'none';
+            }
+          }
+    
+          window.addEventListener('scroll', checkButtonVisibility);
+          window.addEventListener('resize', checkButtonVisibility);
+    
+          backToTopButton.addEventListener('click', function () {
+            window.scrollTo({
+              top: 0,
+              behavior: 'smooth'
+            });
+          });
+          checkButtonVisibility();
+        });
+    
+      </script>
 <script src="bootstrap/js/bootstrap.bundle.min.js"></script>
 <script src="glightbox/js/glightbox.min.js"></script>
 <script src="php-email-form/validate.js"></script>
@@ -114,5 +302,10 @@ <h2>AB-</h2>
 <script src="swiper/swiper-bundle.min.js"></script>
 <script src="https://unpkg.com/typed.js@2.0.132/dist/typed.umd.js"></script>
 <script src="js/main.js"></script>
+<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
+<script src="patient-portal.js"></script>
+<script src="swiper-bundle.min.js"></script>
+ 
+  <script src="https://mediafiles.botpress.cloud/b1d766f9-2fd0-4a60-96bb-fc1f494d156c/webchat/config.js" defer></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index e1161469..abdb55d6 100644
--- a/index.html
+++ b/index.html
@@ -668,7 +668,7 @@ <h4><a href="">Daily Feed</a></h4>
           <div class="align-items-stretch ">
             <div class="icon-box">
               <div class="icon"><i class="fas fa-dna"></i></div>
-              <h4><a href="Html-Files/blood.html">Blood Bank</a></h4>
+              <h4><a href="./Html-Files/blood.html">Blood Bank</a></h4>
               <p>Know the blood banks and blood groups available around you. No one should suffer ỉn emergencies.Find the nearest blood donation centers, check blood availability, and get information on how to donate or request blood in urgent situations.</p>
             </div>
           </div>
diff --git a/style.css b/style.css
index febd059c..3c60eaff 100644
--- a/style.css
+++ b/style.css
@@ -1,11 +1,11 @@
 body {
   font-family: "Open Sans", sans-serif;
   color: #fff;
-  background-color: #000;
+  background-color: #000 !important;
 }
 
 a {
-  color: #ffffff;
+  color: #55a5ea;
   text-decoration: none;
 }
 
@@ -1245,7 +1245,7 @@ section {
     rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
   margin: 50px;
   width: 60%;
-  margin-left: 250px;
+  margin-left: 20rem;
   padding: 20px;
 }
 
@@ -1357,7 +1357,7 @@ section {
   text-align: center;
 
   .button {
-    width: 15%;
+    /* width: 15%; */
     background-color: white;
     border-radius: 0.5rem;
     border: none;