From 460267aa12e6189233f3edc666847fadc05e8e35 Mon Sep 17 00:00:00 2001
From: meetarora <meet.arora2403@gmail.com>
Date: Wed, 17 Jul 2024 01:51:55 +0530
Subject: [PATCH 1/6] doc-commit

---
 Html-Files/Css-Files/Experiencestyle.css | 41 +++++++++++++++++++++++-
 Html-Files/Doctor Experience.html        | 40 ++++++++++++++++-------
 2 files changed, 68 insertions(+), 13 deletions(-)

diff --git a/Html-Files/Css-Files/Experiencestyle.css b/Html-Files/Css-Files/Experiencestyle.css
index ec1351ad..de44630d 100644
--- a/Html-Files/Css-Files/Experiencestyle.css
+++ b/Html-Files/Css-Files/Experiencestyle.css
@@ -147,6 +147,7 @@ margin-bottom: 20px;
 .filter-sort {
 display: flex;
 align-items: center;
+flex-wrap: wrap;
 }
 
 .filter-sort label {
@@ -390,7 +391,45 @@ align-items: center;
   }
   
   
-  
+  @media (max-width:768px){
+    .footer-bottom-wrapper{
+      position: relative;
+      right: 200px;
+      width: 68%;
+    }
+    #doctor-list li{
+      width: 56%;
+    }
+    .min,#fee-filter,#fee-value{
+      position: relative;
+      right: 416px;
+      top: 39px;
+    }
+    .img img {
+      position: relative;
+      left: 300px;
+      bottom: 12px;
+    }
+    #sort-btn{
+      position: relative;
+      right: 494px;
+      top: 75px;
+    }
+    .filter-sort{
+      height: 117px;
+    }
+  }
+  @media screen and (max-width:620px) {
+    .min,#fee-filter,#fee-value{
+      right: 450px;
+      top: 75px;
+    }
+    #sort-btn{
+      right: 112px;
+      top: 42px;
+    }
+
+  }
   @media (min-width: 600px) {
     .other-columns {
         display: grid;
diff --git a/Html-Files/Doctor Experience.html b/Html-Files/Doctor Experience.html
index be43e436..16019b1a 100644
--- a/Html-Files/Doctor Experience.html	
+++ b/Html-Files/Doctor Experience.html	
@@ -5,8 +5,12 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Find a Doctor</title>
   <link rel="icon" type="image/x-icon" href="../favicon.png">
+  <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">
+  <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>
   <link rel="stylesheet" href="./Css-Files/Experiencestyle.css">
+  <link rel="stylesheet" href="../index.css">
   <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" rel="stylesheet">
   <style>
     body {
@@ -104,21 +108,27 @@
   <div class="pre">
     <div class="loader"></div>
   </div>
-  <header class="header_container">
+  <header class="header_container nav-h">
     <div class="img">
       <img id="rd-logo" style="width: 90px; height: auto;" src="../assets/img/rd1.png">
     </div>
     <nav class="nav_menu">
-      <ul class="nav_link">
-        <li><a href="../index.html">Home</a></li>
-        <li><a href="../index.html#about">About</a></li>
-        <li><a href="../news.html">News</a></li>
-        <a href="../dex.html"><button>Service</button></a>
-        <li><a href="../index.html#patient-portal">Patient Portal</a></li>
-        <li><a href="../index.html#doctors">Doctor</a></li>
-        <li><a href="../index.html#contact">Contact us</a></li>
-        <a href="../login.html"><button>Sign in/Sign up</button></a>
+      <ul class="nav_link vis-h">
+        <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="../index.html#contact"><i class="bi bi-telephone"></i>Contact us</a></li>
+        <li><a href="../login.html"><i class="bi bi-box-arrow-right"></i>Sign in/Sign up</a></li>
       </ul>
+      <div class="hamburger">
+        <div class="line"></div>
+        <div class="line"></div>
+        <div class="line"></div>
+      </div>
     </nav>
   </header>
 
@@ -133,7 +143,7 @@ <h1>Find a Doctor</h1>
         <option value="15">15+ years</option>
       </select>
       
-      <label for="fee-filter" style="color: #4bb6b7; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 25px;">Minimum Fee:</label>
+      <label for="fee-filter" style="color: #4bb6b7; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 25px;" class="min">Minimum Fee:</label>
       <input type="range" id="fee-filter" min="0" max="1000" step="50" value="500" style="height: 35px; background-color: #ecf0f1;">
       <span id="fee-value" style="color: #4bb6b7; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 25px;">1000</span>
       
@@ -547,7 +557,13 @@ <h4>${doctor.name}</h4>
         });
         checkButtonVisibility();
       });
-  
+      const hamburger = document.querySelector('.hamburger');
+      const navbar = document.querySelector('.header_container');
+      const nav = document.querySelector('.nav_link');
+      hamburger.addEventListener('click', () => {
+        navbar.classList.toggle('nav-h');
+        nav.classList.toggle('vis-h');
+      })
     </script>
   
     <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>

From 9bb9b62230e3c8a3854af0fdebf17076bf0b535c Mon Sep 17 00:00:00 2001
From: meetarora <meet.arora2403@gmail.com>
Date: Wed, 17 Jul 2024 12:12:26 +0530
Subject: [PATCH 2/6] new-commit

---
 Html-Files/Doctor Experience.html | 2 +-
 index.css                         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/Html-Files/Doctor Experience.html b/Html-Files/Doctor Experience.html
index 16019b1a..f4934c0b 100644
--- a/Html-Files/Doctor Experience.html	
+++ b/Html-Files/Doctor Experience.html	
@@ -110,7 +110,7 @@
   </div>
   <header class="header_container nav-h">
     <div class="img">
-      <img id="rd-logo" style="width: 90px; height: auto;" src="../assets/img/rd1.png">
+      <p style="color: hwb(181 16% 46%); font-size: 1.5rem;margin-top: 5px;">Rapidoc</p>
     </div>
     <nav class="nav_menu">
       <ul class="nav_link vis-h">
diff --git a/index.css b/index.css
index edbab563..d90bb97b 100644
--- a/index.css
+++ b/index.css
@@ -131,10 +131,10 @@ option {
         opacity: 0;
     }
 
-    .img {
+    .img p{
         position: relative;
         left: 300px;
-        bottom: 12px;
+        bottom: 0;
     }
 }
 

From 2181d3f089847363155d28cfafb5b2db1599aa4f Mon Sep 17 00:00:00 2001
From: meetarora <meet.arora2403@gmail.com>
Date: Sun, 28 Jul 2024 23:22:02 +0530
Subject: [PATCH 3/6] final-commit

---
 Html-Files/Css-Files/Experiencestyle.css | 21 ++++++++++++++++++---
 Html-Files/Doctor Experience.html        | 19 +++++++++++++++++--
 index.css                                |  9 +++++++--
 3 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/Html-Files/Css-Files/Experiencestyle.css b/Html-Files/Css-Files/Experiencestyle.css
index de44630d..118ccd59 100644
--- a/Html-Files/Css-Files/Experiencestyle.css
+++ b/Html-Files/Css-Files/Experiencestyle.css
@@ -130,6 +130,12 @@ body {
     align-items: center;
     height: 60px;
     margin: auto;
+    position: fixed;
+    width: 100vw;
+    height: 4.8rem;
+  }
+  .h{
+    margin-top: 90px;
   }
   *,*::after,*::before{
     /*padding: 0;
@@ -357,6 +363,7 @@ align-items: center;
   /*? socials */
   .social-wrapper {
     display: flex;
+    flex-wrap: wrap;
     gap: 0.5rem;
     margin: 0 auto;
   }
@@ -419,9 +426,15 @@ align-items: center;
       height: 117px;
     }
   }
+  @media (max-width:576px) {
+    .footer-bottom-wrapper{
+      position: relative;
+      right: 140px;
+    }
+  }
   @media screen and (max-width:620px) {
     .min,#fee-filter,#fee-value{
-      right: 450px;
+      right: 420px;
       top: 75px;
     }
     #sort-btn{
@@ -446,7 +459,7 @@ align-items: center;
         margin-left: 1.5rem;
     }
   }
-  
+
   @media (max-width: 800px) {
     .footer-top {
         display: flex;
@@ -460,6 +473,8 @@ align-items: center;
     font-size: 1.5rem
     }
     #ss{
+        display: flex;
+        flex-wrap: wrap;
         font-size: 1.3rem;
     }
   .social-links #insta:hover {
@@ -563,4 +578,4 @@ align-items: center;
 }
 #back-to-top:hover {
   transform: scale(1.1);
-}
\ No newline at end of file
+}
diff --git a/Html-Files/Doctor Experience.html b/Html-Files/Doctor Experience.html
index f4934c0b..b212cfad 100644
--- a/Html-Files/Doctor Experience.html	
+++ b/Html-Files/Doctor Experience.html	
@@ -101,7 +101,15 @@
       color: aliceblue;
       font-size: 30px;
     }
-
+    #progressBar {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 0%;
+        height: 6px;
+        background-color: #3fbcc0;
+        z-index: 9999;
+      }
   </style>
 </head>
 <body>
@@ -110,6 +118,7 @@
   </div>
   <header class="header_container nav-h">
     <div class="img">
+      <img id="rd-logo" style="width: 90px; height: auto;" src="../images/rd.png">
       <p style="color: hwb(181 16% 46%); font-size: 1.5rem;margin-top: 5px;">Rapidoc</p>
     </div>
     <nav class="nav_menu">
@@ -253,8 +262,14 @@ <h4>RAPIDOC Newsletter</h4><br>
       </svg>
     </div>
   </div>
-
+  <div id="progressBar"></div>
   <script>
+    window.onscroll = function () {
+      var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+      var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+      var scrolled = (winScroll / height) * 100;
+      document.getElementById("progressBar").style.width = scrolled + "%";
+    };
     const doctorList = [
       {
         name: "Dr. Ram",
diff --git a/index.css b/index.css
index d90bb97b..975e7a14 100644
--- a/index.css
+++ b/index.css
@@ -99,7 +99,9 @@ option {
     margin: 4px 4px;
     background-color: white;
 }
-
+.img p{
+    display: none;
+}
 @media only screen and (max-width: 820px) {
     .hamburger {
         display: block;
@@ -130,8 +132,11 @@ option {
     .vis-h {
         opacity: 0;
     }
-
+    .img img{
+        display: none;
+    }
     .img p{
+        display: block;
         position: relative;
         left: 300px;
         bottom: 0;

From ed1d0acc6a355f8f23de656eb7b4ef1773b5c47d Mon Sep 17 00:00:00 2001
From: meetarora <meet.arora2403@gmail.com>
Date: Tue, 30 Jul 2024 10:38:21 +0530
Subject: [PATCH 4/6] third-commit

---
 Html-Files/Doctor Experience.html | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/Html-Files/Doctor Experience.html b/Html-Files/Doctor Experience.html
index ba9a1075..3eff2565 100644
--- a/Html-Files/Doctor Experience.html	
+++ b/Html-Files/Doctor Experience.html	
@@ -12,7 +12,7 @@
   <link rel="stylesheet" href="./Css-Files/Experiencestyle.css">
   <link rel="stylesheet" href="../index.css">
   <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" rel="stylesheet">
-<<<<<<< HEAD
+
   <style>
     body {
       font-family: Arial, sans-serif;
@@ -64,7 +64,7 @@
       align-items: center;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       margin:30px;
-      
+      width: 96%;
     }
 
     #doctor-list li .content {
@@ -112,8 +112,6 @@
         z-index: 9999;
       }
   </style>
-=======
->>>>>>> c95240aabf081bcd1831deb17d34a642e1974c6b
 </head>
 <body>
   <div class="pre">
@@ -122,7 +120,7 @@
   <header class="header_container nav-h">
     <div class="img">
       <img id="rd-logo" style="width: 90px; height: auto;" src="../images/rd.png">
-      <p style="color: hwb(181 16% 46%); font-size: 1.5rem;margin-top: 5px;">Rapidoc</p>
+      <p style="border-radius: 2px;background-color: hwb(181 16% 46%); font-size: 1.5rem;margin-top: 5px;color: white;">Rapidoc</p>
     </div>
     <nav class="nav_menu">
       <ul class="nav_link vis-h">
@@ -261,7 +259,6 @@ <h4>RAPIDOC Newsletter</h4><br>
       </div>
     </div>
   </footer>
-<<<<<<< HEAD
   <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"
@@ -272,7 +269,6 @@ <h4>RAPIDOC Newsletter</h4><br>
     </div>
   </div>
   <div id="progressBar"></div>
-=======
   <script>
     document.getElementById('subscribeForm').addEventListener('submit', function(event) {
       event.preventDefault(); // Prevent default form submission
@@ -295,7 +291,7 @@ <h4>RAPIDOC Newsletter</h4><br>
     });
   </script>
 
->>>>>>> c95240aabf081bcd1831deb17d34a642e1974c6b
+
   <script>
     window.onscroll = function () {
       var winScroll = document.body.scrollTop || document.documentElement.scrollTop;

From 13201315bd2f813478d7f9b9b69b32d467d15d1a Mon Sep 17 00:00:00 2001
From: Aditya Bhaumik <92214013+aditya-bhaumik@users.noreply.github.com>
Date: Tue, 30 Jul 2024 23:52:03 +0530
Subject: [PATCH 5/6] Update customer_agreement.html

---
 Html-Files/customer_agreement.html | 1219 +++++++++++++++++++++++++---
 1 file changed, 1118 insertions(+), 101 deletions(-)

diff --git a/Html-Files/customer_agreement.html b/Html-Files/customer_agreement.html
index 7b255026..ad6542d2 100644
--- a/Html-Files/customer_agreement.html
+++ b/Html-Files/customer_agreement.html
@@ -4,115 +4,1132 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>RapiDoc</title>
-    <link rel="icon" href="https://cdn-icons-png.flaticon.com/256/2666/2666501.png"/>
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
-    <link rel="stylesheet" href="./Css-Files/customer_agreement.css">
+    <link
+      rel="icon"
+      href="https://cdn-icons-png.flaticon.com/512/1458/1458279.png"
+    />
+    <!-- Bootstrap CSS -->
+    <link
+      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
+    <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"
+    />
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <!-- <link rel="stylesheet" href="../style.css"> -->
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
+    />
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+
+    <script type="text/javascript">
+      (function () {
+        emailjs.init({
+          publicKey: "o6kveYmOSDrs0l1Mg",
+        });
+      })();
+    </script>
+
+    <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"
+      rel="stylesheet"
+    />
+
+    <!-- transalator -->
+    <script src="https://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
+
+    <!-- CSS Files -->
+    <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" />
+    <link href="boxicons/css/boxicons.min.css" rel="stylesheet" />
+    <link href="fontawesome-free/css/all.min.css" rel="stylesheet" />
+    <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="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"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
+    />
+    <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: 12px;
+      }
+
+      .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: -48px;
+        /* 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;
+          height: 27.8rem;
+          transition: 0.55s all ease-out;
+          width: 100%;
+          /* 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;
+        }
+      }
+
+      @media screen and (max-width: 768px) {
+        .content {
+          text-align: center;
+          padding: 10px;
+        }
+
+        .sec-img {
+          max-width: 100%;
+          margin: 20px 0;
+          position: relative;
+          top: 0;
+          right: 0;
+        }
+      }
+
+      .footer {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        max-width: 1280px;
+        width: 95%;
+        background: #3fbcc051;
+        border-radius: 6px;
+      }
+
+      .footer .footer-row {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        gap: 3.5rem;
+        padding: 60px;
+      }
+
+      .footer-row .footer-col h4 {
+        color: #f0f0f0;
+        font-size: 1.2rem;
+        font-weight: 400;
+      }
+
+      .footer-col .links {
+        margin-top: 20px;
+      }
+
+      .footer-col .links li {
+        list-style: none;
+        margin-bottom: 10px;
+      }
+
+      .footer-col .links li a {
+        text-decoration: none;
+        color: #bfbfbf;
+      }
+
+      .footer-col .links li a:hover {
+        color: #fff;
+      }
+
+      .footer-col p {
+        margin: 20px 0;
+        color: #bfbfbf;
+        max-width: 300px;
+      }
+
+      .footer-col form {
+        display: flex;
+        gap: 5px;
+      }
+
+      .footer-col input {
+        height: 40px;
+        border-radius: 6px;
+        background: none;
+        width: 100%;
+        outline: none;
+        border: 1px solid #7489c6;
+        caret-color: #fff;
+        color: #fff;
+        padding-left: 10px;
+      }
+
+      .footer-col input::placeholder {
+        color: #ccc;
+      }
+
+      .footer-col form button {
+        background: #fff;
+        border: none;
+        color: #08434551;
+        padding: 10px 15px;
+        border-radius: 6px;
+        cursor: pointer;
+        font-weight: 1000;
+        transition: 0.2s ease;
+      }
+
+      .footer-col form button:hover {
+        background: #cecccc;
+      }
+
+      /*
+ .icons {
+  display: flex;
+  margin-top: 30px;
+  gap: 30px;
+  cursor: pointer;
+}
+
+ .icons i {
+  color: #afb6c7;
+}
+
+ .icons i:hover {
+  color: #fff;
+}
+*/
+      @media (max-width: 768px) {
+        .footer {
+          position: relative;
+          bottom: 0;
+          left: 0;
+          transform: none;
+          width: 100%;
+          border-radius: 0;
+        }
+
+        .footer .footer-row {
+          padding: 20px;
+          gap: 1rem;
+        }
+
+        .footer-col form {
+          display: block;
+        }
+
+        .footer-col form :where(input, button) {
+          width: 100%;
+        }
+
+        .footer-col form button {
+          margin: 10px 0 0 0;
+        }
+      }
+
+      /*################----Back to top----################*/
+      footer {
+        position: relative;
+        padding: 50px 0;
+      }
+
+      #back-to-top-container {
+        position: fixed;
+        bottom: 100px;
+        right: 47px;
+        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;
+      }
+
+      :root {
+        --text-color: #959da5;
+        --footer-bg: #3fbcc051;
+        --footer-bottom-bg: #3fbcc051s;
+        --white: white;
+        --link-color: #959da5;
+        --link-hover: #2f81cf;
+        --button-border: #848d97;
+      }
+
+      .subscribe-btn {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        max-width: 8rem;
+        color: var(--white);
+        text-decoration: none;
+        font-size: 1rem;
+        height: 3rem;
+        font-weight: 700;
+        white-space: nowrap;
+        vertical-align: middle;
+        user-select: none;
+        border: 1px solid var(--link-color);
+        border-radius: 0.375rem;
+        transition: all 0.2s ease-in-out;
+      }
+
+      .subscribe-btn:hover {
+        border: 3px solid var(--white);
+      }
+
+      /*? footer containers */
+      footer {
+        bottom: 0;
+        background-color: var(--footer-bg);
+        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 h3 {
+        color: var(--link-color);
+        margin-bottom: 1rem;
+        font-size: 1rem;
+        font-family: ui-monospace, monospace;
+      }
+
+      .footer-logo svg {
+        fill: var(--white);
+      }
+
+      /*? Footer bottom */
+
+      /* Remove underline from all links in the footer sections */
+      .links a {
+        position: relative;
+        text-decoration: none;
+        color: inherit;
+        /* Optional: Use this if you want the link to inherit the color from its parent element */
+        transition: color 0.3s ease;
+        /* Smooth transition effect */
+      }
+
+      /* Add the underline effect */
+      .links a::after {
+        content: "";
+        position: absolute;
+        width: 0;
+        height: 2px;
+        /* Adjust the thickness of the underline */
+        bottom: -2px;
+        /* Adjust position if needed */
+        left: 0;
+        background-color: #000;
+        /* Change this to your desired underline color */
+        transition: width 0.3s ease;
+        transition-delay: 0.1s;
+        /* Optional: Adds a slight delay to the animation */
+      }
+
+      .links a:hover {
+        color: #000;
+        /* Change text color to black */
+      }
+
+      /* Hover effect */
+      .links a:hover::after {
+        width: 100%;
+        left: 0;
+        /* Reset to left 0 to create the effect from right to left */
+        right: auto;
+      }
+
+      .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 {
+        text-decoration: none;
+        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: none;
+      }
+
+      .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;
+      }
+
+      @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;
+        }
+      }
+      #abc :hover {
+        background: #55a5ea;
+        border-color: #3fbbc0;
+      }
+
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        font-family: "Raleway", sans-serif;
+      }
+    </style>
+    <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"
+    />
+    <link rel="stylesheet" href="./Css-Files/aboutus.css" />
+    <link rel="stylesheet" href="./Css-Files/testimonial.css" />
+    <script src="chatboxx.js" defer></script>
+    <style>
+      #progressBar {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 0%;
+        height: 8px;
+        background-color: #3fbcc0;
+        z-index: 9999;
+      }
+    </style>
   </head>
+
   <body>
     <div id="progressBar"></div>
-    <script src="../js/progressbar_and_header.js"></script>
-    <div class="container" id="customer-agreement-container">
-      <header id="customer-agreement-header">
-        <h1 id="customer-agreement-title">Customer Agreement</h1>
-      </header>
-      <main class="main-content" id="customer-agreement-main">
-        <section class="section" id="customer-agreement-introduction">
-          <h2 class="section-title" id="introduction-title">Introduction</h2>
-          <p class="section-content" id="introduction-content">
-            Welcome to RAPIDOC Healthcare Website. This Customer Agreement
-            outlines the terms and conditions under which you may use our online
-            platform to access healthcare information and services. By using our
-            website, you agree to comply with and be bound by the terms of this
-            agreement.
-          </p>
-        </section>
-        <section class="section" id="customer-agreement-services">
-          <h2 class="section-title">Services Provided</h2>
-          <ul class="section-list">
-            <li class="list-item">
-              <strong>Information Access:</strong> RAPIDOC provides information
-              about the nearest hospitals and healthcare facilities, including
-              blood availability in emergencies, OPDs, and bed availability.
-            </li>
-            <li class="list-item">
-              <strong>Appointment Booking:</strong> Users can prebook
-              appointments for OPDs at desired hospitals.
-            </li>
-            <li class="list-item">
-              <strong>Emergency Services:</strong> Information on emergency
-              services and blood group availability.
-            </li>
-            <li class="list-item">
-              <strong>Healthcare Facilities:</strong> Detailed information on
-              healthcare services provided by various hospitals.
-            </li>
-          </ul>
-        </section>
-        <section class="section" id="customer-agreement-responsibilities">
-          <h2 class="section-title">User Responsibilities</h2>
-          <ul class="section-list">
-            <li class="list-item">
-              <strong>Accuracy of Information:</strong> Users must provide
-              accurate and up-to-date information when using our services.
-            </li>
-            <li class="list-item">
-              <strong>Compliance:</strong> Users must comply with all applicable
-              laws and regulations when using our platform.
-            </li>
-            <li class="list-item">
-              <strong>Account Security:</strong> Users are responsible for
-              maintaining the confidentiality of their account information and
-              password.
-            </li>
-          </ul>
-        </section>
-        <section class="section" id="customer-agreement-terms">
-          <h2 class="section-title">Terms of Use</h2>
-          <ul class="section-list">
-            <li class="list-item">
-              <strong>Acceptance of Terms:</strong> By accessing and using our
-              website, you accept and agree to be bound by the terms of this
-              Customer Agreement.
-            </li>
-            <li class="list-item">
-              <strong>Modification of Terms:</strong> RAPIDOC reserves the right
-              to modify these terms at any time. Any changes will be posted on
-              this page, and your continued use of the website will constitute
-              acceptance of the new terms.
-            </li>
-            <li class="list-item">
-              <strong>Termination:</strong> RAPIDOC may terminate your access to
-              the website at any time, without notice, for conduct that it
-              believes violates this agreement or is harmful to other users of
-              the website, RAPIDOC, or third parties, or for any other reason.
-            </li>
-          </ul>
-        </section>
-        <section class="section" id="customer-agreement-contact">
-          <h2 class="section-title">Contact Information</h2>
-          <p class="section-content">
-            For any questions or concerns about this Customer Agreement, please
-            contact us at rapidoc@mail.com.
-          </p>
-        </section>
-      </main>
-    </div>
-    <!-- Footer -->
-    <footer class="text-center mt-5">
-      <div class="container">
-        <p>&copy; 2024 RapiDoc. All rights reserved.</p>
-        <ul class="list-inline">
-          <li class="list-inline-item"><a href="/index.html">Home</a></li>
-          <li class="list-inline-item">
-            <a href="/Html-Files/privacy_policy_page.html">Privacy Policy</a>
+    <script>
+      window.onscroll = function () {
+        var winScroll =
+          document.body.scrollTop || document.documentElement.scrollTop;
+        var height =
+          document.documentElement.scrollHeight -
+          document.documentElement.clientHeight;
+        var scrolled = (winScroll / height) * 100;
+        document.getElementById("progressBar").style.width = scrolled + "%";
+      };
+    </script>
+    <!-- ############# Header ############# -->
+    <header class="header_container nav-h">
+      <div class="img">
+        <img
+          id="rd-logo"
+          style="width: 90px; height: auto"
+          src="/assets/img/rd1.png"
+        />
+        <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 class="list-inline-item">
-            <a href="/Html-Files/terms_and_conditions.html"
-              >Terms and Conditions</a
+          <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>
+
+          <li>
+            <a href="login.html"
+              ><i class="bi bi-box-arrow-right"></i> Sign in/Sign up</a
+            >
+          </li>
+          <a href="./Html-Files/Doctor Experience.html"
+            ><button>Find a Doctor</button></a
+          >
         </ul>
+        <div class="hamburger">
+          <div class="line"></div>
+          <div class="line"></div>
+          <div class="line"></div>
+        </div>
+      </nav>
+    </header>
+
+    <!-- ############# Header ############# -->
+    <div class="container mt-5" id="privacy-policy-container">
+      <div id="progressBar"></div>
+      <script src="../js/progressbar_and_header.js"></script>
+      <div class="container" id="customer-agreement-container">
+        <header id="customer-agreement-header">
+          <h1 id="customer-agreement-title">Customer Agreement</h1>
+        </header>
+        <main class="main-content" id="customer-agreement-main">
+          <section class="section" id="customer-agreement-introduction">
+            <h2 class="section-title" id="introduction-title">Introduction</h2>
+            <p class="section-content" id="introduction-content">
+              Welcome to RAPIDOC Healthcare Website. This Customer Agreement
+              outlines the terms and conditions under which you may use our online
+              platform to access healthcare information and services. By using our
+              website, you agree to comply with and be bound by the terms of this
+              agreement.
+            </p>
+          </section>
+          <section class="section" id="customer-agreement-services">
+            <h2 class="section-title">Services Provided</h2>
+            <ul class="section-list">
+              <li class="list-item">
+                <strong>Information Access:</strong> RAPIDOC provides information
+                about the nearest hospitals and healthcare facilities, including
+                blood availability in emergencies, OPDs, and bed availability.
+              </li>
+              <li class="list-item">
+                <strong>Appointment Booking:</strong> Users can prebook
+                appointments for OPDs at desired hospitals.
+              </li>
+              <li class="list-item">
+                <strong>Emergency Services:</strong> Information on emergency
+                services and blood group availability.
+              </li>
+              <li class="list-item">
+                <strong>Healthcare Facilities:</strong> Detailed information on
+                healthcare services provided by various hospitals.
+              </li>
+            </ul>
+          </section>
+          <section class="section" id="customer-agreement-responsibilities">
+            <h2 class="section-title">User Responsibilities</h2>
+            <ul class="section-list">
+              <li class="list-item">
+                <strong>Accuracy of Information:</strong> Users must provide
+                accurate and up-to-date information when using our services.
+              </li>
+              <li class="list-item">
+                <strong>Compliance:</strong> Users must comply with all applicable
+                laws and regulations when using our platform.
+              </li>
+              <li class="list-item">
+                <strong>Account Security:</strong> Users are responsible for
+                maintaining the confidentiality of their account information and
+                password.
+              </li>
+            </ul>
+          </section>
+          <section class="section" id="customer-agreement-terms">
+            <h2 class="section-title">Terms of Use</h2>
+            <ul class="section-list">
+              <li class="list-item">
+                <strong>Acceptance of Terms:</strong> By accessing and using our
+                website, you accept and agree to be bound by the terms of this
+                Customer Agreement.
+              </li>
+              <li class="list-item">
+                <strong>Modification of Terms:</strong> RAPIDOC reserves the right
+                to modify these terms at any time. Any changes will be posted on
+                this page, and your continued use of the website will constitute
+                acceptance of the new terms.
+              </li>
+              <li class="list-item">
+                <strong>Termination:</strong> RAPIDOC may terminate your access to
+                the website at any time, without notice, for conduct that it
+                believes violates this agreement or is harmful to other users of
+                the website, RAPIDOC, or third parties, or for any other reason.
+              </li>
+            </ul>
+          </section>
+          <section class="section" id="customer-agreement-contact">
+            <h2 class="section-title">Contact Information</h2>
+            <p class="section-content">
+              For any questions or concerns about this Customer Agreement, please
+              contact us at rapidoc@mail.com.
+            </p>
+          </section>
+        </main>
+      </div>
+    </div>
+
+    <!-- Bootstrap JS and dependencies -->
+
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+
+    <!-- ############### Footer ############### -->
+    <br /><br /><br /><br /><br /><br />
+    <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="/">Home</a></li>
+                <li><a href="#about">About Us</a></li>
+                <li><a href="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.html">Appointment</a></li>
+                <li><a href="#">Patient Portal</a></li>
+                <li><a href="login.html">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.html">Customer Agreement</a>
+                </li>
+                <li><a href="privacy_policy_page.html">Privacy Policy</a></li>
+                <li>
+                  <a href="terms_and_conditions.html">Terms and Conditions</a>
+                </li>
+                <li><a href="#">GDPR</a></li>
+                <li><a href="#">Security</a></li>
+                <li><a href="#test">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="email" placeholder="Your email" required />
+                <button type="submit" style="color: black;">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.twitter.com"
+                ><div>
+                  <img
+                    src="twitter.png"
+                    style="width: 16px; height: 15px"
+                  /></div
+              ></a>
+              <a href="https://www.linkedin.com" target="_blank"
+                ><div><i class="fa-brands fa-linkedin"></i></div
+              ></a>
+              <a href="#" target="_blank"
+                ><div><i class="fa-brands fa-instagram"></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>
+
+    <script>
+      const hamburger = document.querySelector('.hamburger');
+      const navbar = document.querySelector('.header_container');
+      const nav = document.querySelector('.nav_link');
+      hamburger.addEventListener('click', () => {
+        navbar.classList.toggle('nav-h');
+        nav.classList.toggle('vis-h');
+      })
+      function toggleAnswer(id) {
+        var answer = document.getElementById(id);
+        if (answer) {
+          if (answer.style.display === "block") {
+            answer.style.display = "none";
+            document.getElementById(
+              "icon" + id.charAt(id.length - 1)
+            ).innerText = "➕";
+          } else {
+            answer.style.display = "block";
+            document.getElementById(
+              "icon" + id.charAt(id.length - 1)
+            ).innerText = "➖";
+          }
+        }
+      }
+    </script>
+    <script>
+      //// JavaScript working of scroll button when scrolling down
+      var backToTopBtn = document.getElementById("back-to-top");
+
+      if (backToTopBtn) {
+        backToTopBtn.addEventListener("click", function () {
+          document.body.scrollTop = 0; // For Safari
+          document.documentElement.scrollTop = 0; // For Chrome, Firefox, edge
+        });
+      }
+
+      // JavaScript to show scroll button when scrolling down
+      window.addEventListener("scroll", function () {
+        var scrollBtn = document.getElementById("back-to-top");
+        if (scrollBtn) {
+          if (
+            document.body.scrollTop > 20 ||
+            document.documentElement.scrollTop > 20
+          ) {
+            scrollBtn.style.display = "block";
+          } else {
+            scrollBtn.style.display = "none";
+          }
+        }
+      });
+    </script>
   </body>
 </html>

From 1079a4cedc6ccdf5fbdf63f28208ec82eced7da2 Mon Sep 17 00:00:00 2001
From: Ojas Arora <127867874+Ojas-Arora@users.noreply.github.com>
Date: Wed, 31 Jul 2024 09:17:06 +0530
Subject: [PATCH 6/6] Adding Github Authentication

---
 log/login.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/log/login.html b/log/login.html
index 5b12a210..78240567 100644
--- a/log/login.html
+++ b/log/login.html
@@ -60,6 +60,9 @@ <h1>RAPIDOC</h1>
         <button type="submit">Register</button>
         <span id="registerMessage" style="display: none;">Account created successfully</span>
         <div class="social-container">
+          <div onClick="handleGitHubSignIn()" class="social-icon">
+            <i class="lni lni-github-original" style="color: #333;"></i>
+          </div>
           <div onClick="handleMicrosoftSignIn()" class="social-icon">
             <i class="lni lni-microsoft" style="color: #00a2ed;"></i>
           </div>
@@ -103,6 +106,9 @@ <h1>RAPIDOC</h1>
         <button type="submit">Login</button>
         <span id="loginMessage" style="display: none;">Login successful</span>
         <div class="social-container">
+          <div onClick="handleGitHubSignIn()" class="social-icon">
+            <i class="lni lni-github-original" style="color: #333;"></i>
+          </div>
           <div onClick="handleMicrosoftSignIn()" class="social-icon">
             <i class="lni lni-microsoft" style="color: #00a2ed;"></i>
           </div>
@@ -228,6 +234,18 @@ <h1>Hello, Friend!</h1>
   });
 }
 
+function handleGitHubSignIn() {
+  const provider = new firebase.auth.GithubAuthProvider();
+  auth.signInWithPopup(provider)
+    .then((result) => {
+      console.log(result);
+    })
+    .catch((error) => {
+      console.error(error);
+    });
+}
+
+
 
     document.querySelectorAll('.toggle-password').forEach(item => {
       item.addEventListener('click', function() {