From 5fdfc25ae2796238dc08b8321411095faf7e4ec2 Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Thu, 16 May 2024 12:46:30 +0530
Subject: [PATCH 01/10] =?UTF-8?q?=F0=9F=92=A1[FEATURE]:=20=F0=9F=8C=9F=20R?=
 =?UTF-8?q?eveal=20Elements=20On=20Scroll=20=F0=9F=8C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

issuw #103
---
 index.html | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 86d01b6e..1d05d248 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
   <script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
   <title>RapiDoc</title>
+  <script src="https://unpkg.com/scrollreveal"></script>
   <link
     href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
     rel="stylesheet">
@@ -97,7 +98,7 @@ <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
   
   <section id="home" class="d-flex align-items-center">
     <div class="container">
-      <h1>Welcome to RapiDoc</h1>
+      <h1 class="wel">Welcome to RapiDoc</h1>
       <h2>Your One-stop digital healthcare destination.<br>Get details about <span class="multiple-text"></span></h2>
       <a href="#about" class="btn-get-started scrollto">Download App</a>
     </div>
@@ -611,7 +612,7 @@ <h1>Give Us Your Valuable Feedback.</h1>
   <!-- ############### Footer ############### -->
  
  
-  <footer id="footer">
+  <footer id="footer" class="footer">
     <div class="footer-top">
       <div class="container">
         <div class="row">
@@ -690,7 +691,20 @@ <h4>Daily Newsletter</h4>
   <script src="https://unpkg.com/typed.js@2.0.132/dist/typed.umd.js"></script>
   <script src="js/main.js"></script>
   <script src="patient-portal.js"></script>
-
+  <script>
+    ScrollReveal({ 
+        //reset: true ,
+        distance : '60px' ,
+        duration:2500,
+        delay:400
+    });
+    ScrollReveal().reveal('.d-flex,#home', { delay: 500 , origin:'top' });
+    ScrollReveal().reveal('.logo , .navbar', { delay: 500 , origin:'left' });
+    ScrollReveal().reveal('.col-md-6', { delay: 600 , origin:'left' });
+    ScrollReveal().reveal('.col-lg-3', { delay: 500 , origin:'left' });
+    ScrollReveal().reveal('.feedback', { delay: 400 , origin:'left' });
+    ScrollReveal().reveal('.footer , .container', { delay: 1000 , origin:'bottom' });
+  </script>
 </body>
 
 </html>

From 08361053501b4fec5c8e546f678d11af10189d39 Mon Sep 17 00:00:00 2001
From: Lakshmi Pavananjali <154777864+Anjaliavv51@users.noreply.github.com>
Date: Thu, 16 May 2024 12:56:00 +0530
Subject: [PATCH 02/10] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 1d05d248..a4315551 100644
--- a/index.html
+++ b/index.html
@@ -98,7 +98,7 @@ <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
   
   <section id="home" class="d-flex align-items-center">
     <div class="container">
-      <h1 class="wel">Welcome to RapiDoc</h1>
+      <h1>Welcome to RapiDoc</h1>
       <h2>Your One-stop digital healthcare destination.<br>Get details about <span class="multiple-text"></span></h2>
       <a href="#about" class="btn-get-started scrollto">Download App</a>
     </div>

From 891462dca0975e0f4964b0bb60ee770063ca22fd Mon Sep 17 00:00:00 2001
From: Lakshmi Pavananjali <154777864+Anjaliavv51@users.noreply.github.com>
Date: Thu, 23 May 2024 20:20:45 +0530
Subject: [PATCH 03/10] Update index.html

---
 index.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/index.html b/index.html
index e90ed58c..98648a5e 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,15 @@
 <head>
   <meta charset="utf-8">
   <meta content="width=device-width, initial-scale=1.0" name="viewport">
+  <meta
+      name="keywords"
+      content="Rapidoc healthcare, hospital information, OPD appointments, blood group availability, online healthcare platform, prebook hospital appointments, hospital services"
+    />
+   <meta
+      name="description"
+      content="An online platform providing comprehensive information on nearby hospitals and healthcare facilities!"
+    />
+    <meta name="author" content="Anishka Gupta" />
   <link rel="icon" href="./assets/images/favicon.png" type="image/x-icon">
   <link rel="stylesheet" type="text/css" href="./style.css" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />

From 66282babb43bb421adab09a4f3804dae41b9a182 Mon Sep 17 00:00:00 2001
From: Lakshmi Pavananjali <154777864+Anjaliavv51@users.noreply.github.com>
Date: Thu, 23 May 2024 20:21:24 +0530
Subject: [PATCH 04/10] Update index.html


From 03bad9b1605ef6aa55bc9b7f7f47cb17e1fe16f3 Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Mon, 27 May 2024 11:17:29 +0530
Subject: [PATCH 05/10] =?UTF-8?q?=F0=9F=92=A1[FEATURE]:=20=F0=9F=8C=9F=20R?=
 =?UTF-8?q?eveal=20Elements=20On=20Scroll=20=F0=9F=8C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

issue #103
---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index d2c7fcea..e6c01961 100644
--- a/index.html
+++ b/index.html
@@ -43,6 +43,7 @@
   <link href="patient-portal.css" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <style>
+    
 body {
   padding: 25px;
   background-color: white;

From 61a1e4ea02fabe69d546b0007dbe82dec522135e Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Sat, 1 Jun 2024 13:24:31 +0530
Subject: [PATCH 06/10] =?UTF-8?q?=F0=9F=92=A1[FEATURE]:=20=F0=9F=8C=9F=20R?=
 =?UTF-8?q?eveal=20Elements=20On=20Scroll=20=F0=9F=8C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

issue #103
---
 index.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8a472623..2bde82db 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
   <link rel="stylesheet" type="text/css" href="./style.css" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
   <script src="https://kit.fontawesome.com/b08b6de27e.js" crossorigin="anonymous"></script>
-
+  <script src="https://unpkg.com/scrollreveal"></script>
   <title>RapiDoc</title>
   <link
     href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
@@ -943,6 +943,21 @@ <h4>RAPIDOC Newsletter</h4>
   <script src="patient-portal.js"></script>
   <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
   <script src="https://mediafiles.botpress.cloud/b1d766f9-2fd0-4a60-96bb-fc1f494d156c/webchat/config.js" defer></script>
+  <script>
+    ScrollReveal({ 
+        //reset: true ,
+        distance : '60px' ,
+        duration:2500,
+        delay:400
+    });
+    ScrollReveal().reveal('.d-flex,#home', { delay: 500 , origin:'top' });
+    ScrollReveal().reveal('.logo , .navbar,.content', { delay: 500 , origin:'left' });
+    ScrollReveal().reveal('.sec-img', { delay: 500 , origin:'right' });
+    ScrollReveal().reveal('.col-md-6,.about', { delay: 600 , origin:'left' });
+    ScrollReveal().reveal('.col-lg-3', { delay: 500 , origin:'left' });
+    ScrollReveal().reveal('.feedback', { delay: 400 , origin:'left' });
+    ScrollReveal().reveal('.footer', { delay: 400 , origin:'bottom' });
+  </script>
 </body>
 
 </html>

From 29f934960ad8b116021b6879b9bbcf6182d937a5 Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Sat, 1 Jun 2024 13:30:35 +0530
Subject: [PATCH 07/10] =?UTF-8?q?=F0=9F=92=A1[FEATURE]:=20=F0=9F=8C=9F=20R?=
 =?UTF-8?q?eveal=20Elements=20On=20Scroll=20=F0=9F=8C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

issue #103
---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 2bde82db..6236a25a 100644
--- a/index.html
+++ b/index.html
@@ -943,6 +943,7 @@ <h4>RAPIDOC Newsletter</h4>
   <script src="patient-portal.js"></script>
   <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
   <script src="https://mediafiles.botpress.cloud/b1d766f9-2fd0-4a60-96bb-fc1f494d156c/webchat/config.js" defer></script>
+  
   <script>
     ScrollReveal({ 
         //reset: true ,

From 45c0edf1b13f585ca0bd15c08bed8198a319d7e6 Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Sat, 1 Jun 2024 15:56:46 +0530
Subject: [PATCH 08/10] =?UTF-8?q?=E2=9C=A8[Feature=20Request]:=20Addition?=
 =?UTF-8?q?=20of=20Preloader=20and=20Custom=20Cursor.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

issue #387
---
 index.html | 258 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 256 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 6236a25a..46ac0f11 100644
--- a/index.html
+++ b/index.html
@@ -117,10 +117,117 @@
 }
 
     </style>
+    <!--Preloade-->
+    <style>
+      /*Preloader CSS*/
+#preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; 
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: opacity 2s ease-out, visibility 2s ease-out;
+  opacity: 1;
+  visibility: visible;
+  z-index: 9999; 
+}
+
+#preloader.hidden {
+  opacity: 0;
+  visibility: hidden;
+}
+
+#loader {
+  display: block;
+  position: relative;
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #55a5ea;
+  animation: spin 3s linear infinite;
+}
+
+#loader:before {
+  content: "";
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #3fbcc0c6;
+  animation: spin 3s linear infinite;
+}
+
+#loader:after {
+  content: "";
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  right: 15px;
+  bottom: 15px;
+  border-radius: 50%;
+  border: 3px solid transparent;
+  border-top-color: #fff;
+  animation: spin 1.5s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+      transform: rotate(0deg);
+  }
+  100% {
+      transform: rotate(360deg);
+  }
+}
+    </style>
+    <!--Cursor-->
+    <style>
+      .circle{
+   z-index: 10000;
+   width: 20px;
+   height: 20px;
+   border-radius: 50%;
+   pointer-events: none;
+    animation: colors 5s infinite;
+    position: fixed;
+  transform: translate(-50%,-50%);
+}
+.circle::before {
+    content: "";
+    position: fixed;
+  width: 50px;
+  height: 50px;
+  opacity: 0.2;
+  transform: translate(-30%,-30%);
+  border-radius: 50%;
+}
+    </style>
 </head>
 
 <body>
-
+  <div class="circle-container">
+    <div class="circle" style="background-color: #55a5ea; left: 504px; top: 59px; scale: 1;"></div>
+    <div class="circle" style="background-color: #55a5ea; left: 504px; top: 59px; scale: 0.95;"></div>
+    <div class="circle" style="background-color: #55a5ea; left: 504px; top: 59px; scale: 0.9;"></div>
+    <div class="circle" style="background-color: #55a5ea; left: 504px; top: 59px; scale: 0.9;"></div>
+    <div class="circle" style="background-color: #3fbcc0c6; left: 504px; top: 59px; scale: 0.85;"></div>
+    <div class="circle" style="background-color: #3fbcc0c6; left: 504px; top: 59px; scale: 0.85;"></div>
+    <div class="circle" style="background-color: #3fbcc0c6; left: 504px; top: 59px; scale: 0.85;"></div>
+    <div class="circle" style="background-color: #3fbcc0c6; left: 504px; top: 59px; scale: 0.85;"></div>
+    <div class="circle" style="background-color: #fff; left: 504px; top: 59px; scale: 0.8;"></div>
+    <div class="circle" style="background-color: #fff; left: 504px; top: 59px; scale: 0.8;"></div>
+    <div class="circle" style="background-color: #fff; left: 504px; top: 59px; scale: 0.8;"></div>
+    <div class="circle" style="background-color: #fff; left: 504px; top: 59px; scale: 0.8;"></div>
+</div>
+  <div id="preloader">
+    <div id="loader"></div>
+</div>
   <!-- ############# Header ############# -->
 
   <header id="header" class="fixed-top">
@@ -943,7 +1050,7 @@ <h4>RAPIDOC Newsletter</h4>
   <script src="patient-portal.js"></script>
   <script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
   <script src="https://mediafiles.botpress.cloud/b1d766f9-2fd0-4a60-96bb-fc1f494d156c/webchat/config.js" defer></script>
-  
+
   <script>
     ScrollReveal({ 
         //reset: true ,
@@ -959,6 +1066,153 @@ <h4>RAPIDOC Newsletter</h4>
     ScrollReveal().reveal('.feedback', { delay: 400 , origin:'left' });
     ScrollReveal().reveal('.footer', { delay: 400 , origin:'bottom' });
   </script>
+  <script>
+    document.addEventListener("DOMContentLoaded", function() {
+    const preloader = document.getElementById('preloader');
+    const mainContent = document.getElementById('main-content');
+
+    // Listen for the window load event
+    window.addEventListener('load', function() {
+        // Set a delay before transitioning the preloader and main content
+        setTimeout(function() {
+            preloader.classList.add('hidden');
+            mainContent.classList.remove('hidden');
+            mainContent.classList.add('visible');
+        }, 300); // 2000 milliseconds = 2 seconds delay
+    });
+});
+
+  </script>
+  <!--Cursor-->
+  <script>
+
+    //Custom Cursor
+
+    const coords = { x: 0, y: 0 };
+    const circles = document.querySelectorAll(".circle");
+
+    const colors = [
+      "#55a5ea",
+      "#55a5ea",
+      "#55a5ea",
+      "#55a5ea",
+      "#3fbcc0c6",
+      "#3fbcc0c6",
+      "#3fbcc0c6",
+      "#3fbcc0c6",
+      "#3fbcc0c6",
+      "#3fbcc0c6",
+      "#3fbcc0c6",
+      "#3fbcc0c6",
+      "fff",
+      "fff",
+      "fff",
+      "fff",
+      "fff",
+      "fff",
+      "fff"
+    ];
+
+    circles.forEach(function (circle, index) {
+      circle.x = 0;
+      circle.y = 0;
+      circle.style.backgroundColor = colors[index % colors.length];
+    });
+
+    window.addEventListener("mousemove", function (e) {
+      coords.x = e.clientX;
+      coords.y = e.clientY;
+
+    });
+
+    function animateCircles() {
+
+      let x = coords.x;
+      let y = coords.y;
+
+      circles.forEach(function (circle, index) {
+        circle.style.left = x - 12 + "px";
+        circle.style.top = y - 12 + "px";
+
+        circle.style.scale = (circles.length - index) / circles.length;
+
+        circle.x = x;
+        circle.y = y;
+
+        const nextCircle = circles[index + 1] || circles[0];
+        x += (nextCircle.x - x) * 0.3;
+        y += (nextCircle.y - y) * 0.3;
+      });
+
+      requestAnimationFrame(animateCircles);
+    }
+
+    animateCircles();
+
+
+    // Function to toggle dark mode
+    function toggleDarkMode() {
+      const isDarkMode = isDarkModePreferred();
+      setDarkModePreference(!isDarkMode);
+      applyDarkModePreference();
+    }
+
+    // Function to apply dark mode preference
+    function applyDarkModePreference() {
+      const isDarkMode = isDarkModePreferred();
+      if (isDarkMode) {
+        document.body.classList.add('dark-mode');
+        document.getElementById('theme-icon').src = 'assets/images/icons8-sun.svg';
+      } else {
+        document.body.classList.remove('dark-mode');
+        document.getElementById('theme-icon').src = 'assets/images/moon_solid.svg';
+      }
+    }
+
+    // Function to set dark mode preference
+    document.addEventListener('DOMContentLoaded', () => {
+      const currentTheme = localStorage.getItem('theme');
+      const switchCheckbox = document.getElementById('switch'); // Define switchCheckbox here
+      const starRating = document.querySelector('.star_rating');
+      const thankYouMessage = document.querySelector(".thank_you_message");
+      if (switchCheckbox) { // Check if switchCheckbox is not null
+        function applyDarkModeStyles() {
+          document.body.classList.remove('light-mode');
+          document.body.classList.add('dark-mode');
+          starRating.style.backgroundColor = '#2d2828';
+          thankYouMessage.style.backgroundColor = '#2d2828';
+        }
+
+        function applyLightModeStyles() {
+          document.body.classList.remove('dark-mode');
+          document.body.classList.add('light-mode');
+          starRating.style.backgroundColor = 'white';
+          thankYouMessage.style.backgroundColor = 'white';
+        }
+
+        if (currentTheme) {
+          if (currentTheme === 'dark-mode') {
+            applyDarkModeStyles();
+            switchCheckbox.checked = true;
+          } else {
+            applyLightModeStyles();
+          }
+        }
+
+        switchCheckbox.addEventListener('change', () => {
+          if (switchCheckbox.checked) {
+            applyDarkModeStyles();
+            localStorage.setItem('theme', 'dark-mode');
+          } else {
+            applyLightModeStyles();
+            localStorage.setItem('theme', 'light-mode');
+          }
+        });
+      } else {
+        console.error("Switch checkbox not found!"); // Log an error if switchCheckbox is null
+      }
+    });
+  </script>
 </body>
 
 </html>

From c24609c23220e9b9bf6f7efa8ba8f984b992c8a4 Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Sat, 1 Jun 2024 15:58:17 +0530
Subject: [PATCH 09/10] =?UTF-8?q?=E2=9C=A8[Feature=20Request]:=20Addition?=
 =?UTF-8?q?=20of=20Preloader=20and=20Custom=20Cursor.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

issue #387
---
 index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 46ac0f11..e9db1ecb 100644
--- a/index.html
+++ b/index.html
@@ -1096,8 +1096,10 @@ <h4>RAPIDOC Newsletter</h4>
       "#55a5ea",
       "#55a5ea",
       "#55a5ea",
-      "#3fbcc0c6",
-      "#3fbcc0c6",
+      "#55a5ea",
+      "#55a5ea",
+      "#55a5ea",
+      "#55a5ea",
       "#3fbcc0c6",
       "#3fbcc0c6",
       "#3fbcc0c6",

From ef6ea3a182eace0ea5050c7abfc556b44f5ba95e Mon Sep 17 00:00:00 2001
From: Anjaliavv51 <154777864+Anjaliavv51@users.noreply.github.com>
Date: Sat, 1 Jun 2024 20:13:30 +0530
Subject: [PATCH 10/10] =?UTF-8?q?=E2=9C=A8[Feature=20Request]:=20Addition?=
 =?UTF-8?q?=20of=20Preloader=20and=20Custom=20Cursor.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#387
---
 index.html | 57 ++++++++++++++++++++++++++++++++++--------------------
 1 file changed, 36 insertions(+), 21 deletions(-)

diff --git a/index.html b/index.html
index cba230b5..5dff2a7d 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,11 @@
   <link href="remixicon/remixicon.css" rel="stylesheet">
   <link href="swiper/swiper-bundle.min.css" rel="stylesheet">
 
-
+  <link rel="stylesheet" href="chatbox.css">
+  <!-- Google Fonts Link For Icons chatboxx -->
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
+  <script src="chatboxx.js" defer></script>
                          
   <link href="patient-portal.css" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
@@ -230,27 +234,38 @@
 </div>
   <!-- ############# Header ############# -->
 
-  <header id="header" class="fixed-top">
-    <div class="container d-flex align-items-center">
-
-      <h1 class="logo me-auto"><a href="index.html">RapiDoc</a></h1>
-
-      <nav id="navbar" class="navbar order-last order-lg-0">
-        <ul>
-          <li><a class="nav-link scrollto active" href="#home">Home</a></li>
-          <li><a class="nav-link scrollto" href="#about">About</a></li>
-          <li><a class="nav-link scrollto" href="#services">Services</a></li>
-          <li><a class="nav-link scrollto" href="#doctors">Doctors</a></li>
-          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
-        </ul>
-        <i class="bi bi-list mobile-nav-toggle"></i>
-      </nav><!-- .navbar -->
-
-      <a href="#appointment" class="appointment-btn scrollto">
-        <span class="d-md-inline">EMERGENCY</span></a>
+  <header class="header_container">
+    <div class="img">
+    <img id="rd-logo"  style="width: 90px; height: auto;" src="/images/rd.png"> 
+  </div>
 
-    </div>
-  </header>
+  </div>
+  <nav class="nav_menu">
+
+    <ul class="nav_link">
+      <li><a href="index.html">Home</a></li>
+      <li><a href="#about">About</a></li>
+      <li><a href="Html-Files/news.html">News</a></li>
+      <a href="dex.html"><button>Service</button></a>
+      <li><a href="#patient-portal">patient Portal</a></li>
+      <li><a href="#doctors">Doctor</a></li>
+      <li><a href="Html-Files/contact.html">Contact us</a></li>
+      <a href="login.html"><button>Sign in/Sign up</button></a>
+    </ul>
+  </nav>
+  </div>
+</header>
+<ul class="chatbox">
+  <li class="chat incoming">
+    <span class="material-symbols-outlined">smart_toy</span>
+    <p>Hi there 👋<br>How can I help you today?</p>
+  </li>
+</ul>
+<div class="chat-input">
+  <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
+  <span id="send-btn" class="material-symbols-rounded">send</span>
+</div>
+</div>
 
 
   
