From d86eac81418099b7e9d74247eb880863905ebc6f Mon Sep 17 00:00:00 2001
From: Shrihari25-hub <shriharibhil@gmail.com>
Date: Tue, 8 Oct 2024 21:58:03 +0530
Subject: [PATCH 01/20] fixed navbar and added dropdown in appointment & login
 section

---
 index.html | 27 ++++++++++++------
 style.css  | 81 ++++++++++++++++++++++++++++++++++++++----------------
 2 files changed, 76 insertions(+), 32 deletions(-)

diff --git a/index.html b/index.html
index aa76f6e..331bcb4 100644
--- a/index.html
+++ b/index.html
@@ -85,18 +85,29 @@
                 <a href="#contact">Contact</a>
                 <a href="blog.html">Blogs</a>
                 <a href="nearby.html">Nearby</a>
-                <a href="appointment.html"><span>Book Your Appointment</span></a>
 
+                <div class="dropdown">
+                    <a href="#" class="dropbtn">Appointments</a>
+                    <div class="dropdown-content">
+                        <a href="appointment.html">Book Appointment</a>
+                        <a href="https://yourcompany.setmore.com">Schedule & Reminder</a>
+                    </div>
+                </div>
+        
+                <!-- Login dropdown -->
+                <div class="dropdown">
+                    <a href="#" class="dropbtn">Login</a>
+                    <div class="dropdown-content">
+                        <a href="user_login.html">User Login</a>
+                        <a href="#">Doctor Login</a>
+                        <a href="#">Admin Login</a>
+                    </div>
+                </div>
+        
                 <div class="dark-btn-navbar">
                     <label id="dark-change"></label>
                 </div>
-                <!--telehealth reminders and schedules--><a href="https://yourcompany.setmore.com">Schedule
-                    Appointment</a>
-                <a href="https://yourcompany.setmore.com">Schedule Appointment</a>
-                <a href="#setmore_widget"><span>Schedule And Reminder</span></a>
-                <a href="user_login.html">User Login</a>
-                <a href="#">Doctor Login</a>
-                <a href="#">Admin Login</a>
+
             </nav>
 
         </header>
diff --git a/style.css b/style.css
index 1619a4b..69a4ed7 100644
--- a/style.css
+++ b/style.css
@@ -112,7 +112,6 @@ header{
         z-index: 1100;
 }
 
-
 .logo
 {
     height:50px;
@@ -125,44 +124,78 @@ header{
     border:none;
 }
 
-
-.dark-btn-navbar{
-   padding-left: 6em;
-   margin-bottom: 5em;
+.navbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    padding: 5px 30px;
+    flex: 1;
 }
 
-header .navbar a{
-    font-size: 2rem;
-    padding: 0 1.5rem;
-    color: #282727;
+.navbar > a, .navbar > .dropdown {
+    flex: 1; 
+    text-align: center; 
 }
 
 .navbar a {
+    color: #333;
+    padding: 10px 0;
+    text-decoration: none;
+    font-size: 17px;
+}
+
+.navbar a:hover{
+    background-color: white;
     color: black;
+}
+
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+.dropbtn {
+    color: white;
+    padding: 10px 15px;
     text-decoration: none;
-    padding: 5px 18px;
-    font-size: 1.6rem;
-    transition: color 0.3s ease, background-color 0.3s ease;
+    
 }
 
-.navbar a:hover {
-    color: var(--blue);
-    background-color: rgba(0, 0, 0, 0.1);
-    border-radius: 5px;
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: rgb(164, 159, 159);
+    min-width: 150px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+}
+
+.dropdown-content a {
+    color: black;
+    padding: 12px 5px;
+    text-decoration: none;
+    display: block;
+}
 
+.dropdown-content a:hover {
+    background-color: #ddd;
+    
+}
+
+.dropdown:hover .dropdown-content {
+    display: block;
 }
 
-header #toggler{
+.dark-btn-navbar {
+    margin-left: auto; 
+}
+
+
+#toggler {
     display: none;
 }
 
-header .fa-bars{
-    font-size: 20px;
-    color:#333;
-    border-radius: .5rem;
-    padding: .5rem 1.5rem;
-    cursor: pointer;
-    border: .1rem solid rgba(0,0,0,0.3);
+.fas.fa-bars {
     display: none;
 }
 

From bd762bcb609132c3e07ce39ea21576c81857c8d4 Mon Sep 17 00:00:00 2001
From: Shrihari25-hub <shriharibhil@gmail.com>
Date: Fri, 18 Oct 2024 19:05:19 +0530
Subject: [PATCH 02/20] fixed navbar and added dropdown in appointment & login
 section

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 69a4ed7..284c104 100644
--- a/style.css
+++ b/style.css
@@ -694,4 +694,4 @@ textarea {
 
 #gallery .image-container:hover img {
     transform: scale(1.5);
-}
\ No newline at end of file
+}

From b67d1461fa2a259f0c4771badebe71c3d1eb2b57 Mon Sep 17 00:00:00 2001
From: jeevika18 <jeevika_22it18@kgkite.ac.in>
Date: Fri, 18 Oct 2024 21:51:26 +0530
Subject: [PATCH 03/20] contact us is made visible in darkmode

---
 index.html |  2 +-
 index.js   | 21 ---------------------
 style.css  |  9 ++++++++-
 3 files changed, 9 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index 23ea2fd..0a55ba4 100644
--- a/index.html
+++ b/index.html
@@ -603,7 +603,7 @@ <h5 class="mb-0"> swasthyapoint2024@gmail.com</h5>
                             </div>
                             <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                                 <div class="bg-light rounded p-5">
-                                    <p class="d-inline-block border rounded-pill py-1 px-4">Contact Us</p>
+                                    <p class="d-inline-block border rounded-pill py-1 px-4 " style="color: #000;">Contact Us</p>
                                     <h1 class="mb-4">Have Any Query? Please Contact Us!</h1>
 
                                     <form>
diff --git a/index.js b/index.js
index 4e10a00..f548449 100644
--- a/index.js
+++ b/index.js
@@ -20,24 +20,3 @@ window.addEventListener('scroll', function(){
 })
 
 
-document.addEventListener('DOMContentLoaded',() => {
-    const darkToggle = document.getElementById('dark-change');
-
-    if(localStorage.getItem('darkMode') === 'enabled'){
-        document.body.classList.add('dark-mode');
-        darkToggle.classList.add('active');
-    }
-
-    darkToggle.addEventListener('click' , ()=>
-    {
-        document.body.classList.toggle('dark-mode');
-        darkToggle.classList.toggle('active');
-
-        if (document.body.classList.contains('dark-mode')){
-            localStorage.setItem('darkMode','enabled');
-        }
-        else{
-            localStorage.setItem('darkMode','disabled');
-        }
-    });
-});
\ No newline at end of file
diff --git a/style.css b/style.css
index 21c01a5..abb7e05 100644
--- a/style.css
+++ b/style.css
@@ -608,8 +608,15 @@ section {
     color: #fff;
   }
   
+body.night .mb-4{
+    color: #000;
+    padding-top:4px;
+}
 
-
+.mb-4{
+    color: #000;
+    padding-top: 4px;
+}
 
 
 

From a909eb7002a1e2af2b5772cc60fc00942fde1a6e Mon Sep 17 00:00:00 2001
From: jeevika18 <jeevika_22it18@kgkite.ac.in>
Date: Fri, 18 Oct 2024 22:22:12 +0530
Subject: [PATCH 04/20] send message button is aligned

---
 index.html | 4 ++--
 style.css  | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 0a55ba4..3dc77c3 100644
--- a/index.html
+++ b/index.html
@@ -603,7 +603,7 @@ <h5 class="mb-0"> swasthyapoint2024@gmail.com</h5>
                             </div>
                             <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                                 <div class="bg-light rounded p-5">
-                                    <p class="d-inline-block border rounded-pill py-1 px-4 " style="color: #000;">Contact Us</p>
+                                    <p class="d-inline-block  border rounded-pill py-1 px-4 " style="color: #000;">Contact Us</p>
                                     <h1 class="mb-4">Have Any Query? Please Contact Us!</h1>
 
                                     <form>
@@ -651,7 +651,7 @@ <h1 class="mb-4">Have Any Query? Please Contact Us!</h1>
                                                     <label for="message">Message</label>
                                                 </div>
                                             </div>
-                                            <div class="col-12">
+                                            <div class="col-12 d-flex justify-content-center">
                                                 <button class="btn btn-primary w-100 py-3" id="contact">Send
                                                     Message</button>
                                             </div>
diff --git a/style.css b/style.css
index abb7e05..793031c 100644
--- a/style.css
+++ b/style.css
@@ -618,6 +618,9 @@ body.night .mb-4{
     padding-top: 4px;
 }
 
+.w-50 {
+    width: 50%; /* Adjust the width as necessary */
+}
 
 
 

From b8c90ae6de82b792ee243933069e49d3d9daf428 Mon Sep 17 00:00:00 2001
From: Harshit raj <119807388+Harshitraaaj@users.noreply.github.com>
Date: Fri, 18 Oct 2024 22:27:13 +0530
Subject: [PATCH 05/20] adding login signup functionality

---
 Backend_main/.gitignore        |    2 +
 Backend_main/package-lock.json | 1699 ++++++++++++++++++++++++++++++++
 Backend_main/package.json      |   23 +
 Backend_main/server.js         |  188 ++++
 admin_login.html               |  418 +++++---
 doctor_login.html              |  173 +++-
 login.html                     |   66 +-
 register.html                  |   36 +-
 user_login.html                |   79 +-
 9 files changed, 2477 insertions(+), 207 deletions(-)
 create mode 100644 Backend_main/.gitignore
 create mode 100644 Backend_main/package-lock.json
 create mode 100644 Backend_main/package.json
 create mode 100644 Backend_main/server.js

diff --git a/Backend_main/.gitignore b/Backend_main/.gitignore
new file mode 100644
index 0000000..13dfa36
--- /dev/null
+++ b/Backend_main/.gitignore
@@ -0,0 +1,2 @@
+.env
+node_modules/
\ No newline at end of file
diff --git a/Backend_main/package-lock.json b/Backend_main/package-lock.json
new file mode 100644
index 0000000..2eebabb
--- /dev/null
+++ b/Backend_main/package-lock.json
@@ -0,0 +1,1699 @@
+{
+  "name": "backend_main",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "backend_main",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "bcrypt": "^5.1.1",
+        "bcryptjs": "^2.4.3",
+        "body-parser": "^1.20.3",
+        "cors": "^2.8.5",
+        "dotenv": "^16.4.5",
+        "ejs": "^3.1.10",
+        "express": "^4.21.0",
+        "express-session": "^1.18.0",
+        "mongoose": "^8.7.0"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.7",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/@mongodb-js/saslprep": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.1.9.tgz",
+      "integrity": "sha512-tVkljjeEaAhCqTzajSdgbQ6gE6f3oneVwa3iXR6csiEwXXOFsiC6Uh9iAjAhXPtqa/XMDHWjjeNH/77m/Yq2dw==",
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
+    "node_modules/@types/webidl-conversions": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
+      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA=="
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.5.tgz",
+      "integrity": "sha512-coYR071JRaHa+xoEvvYqvnIHaVqaYrLPbsufM9BF63HkwI5Lgmy2QR8Q5K/lYDYo5AK82wOvSOS0UsLTpTG7uQ==",
+      "dependencies": {
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/agent-base/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/agent-base/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/aproba": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz",
+      "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ=="
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "deprecated": "This package is no longer supported.",
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+    },
+    "node_modules/async": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/bcrypt": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-5.1.1.tgz",
+      "integrity": "sha512-AGBHOG5hPYZ5Xl9KXzU5iKq9516yEmvCKDg3ecP5kX2aB6UqTeXZxk2ELnDgDm6BQSMlLt9rDB4LoSMx0rYwww==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.11",
+        "node-addon-api": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
+      "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ=="
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/bson": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-6.8.0.tgz",
+      "integrity": "sha512-iOJg8pr7wq2tg/zSlCCHMi3hMm5JTOxLTagf3zxhcenHsFp+c6uOs6K7W5UE7A4QIJGtqh/ZovFNMP4mOPJynQ==",
+      "engines": {
+        "node": ">=16.20.1"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+    },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ=="
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ=="
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.4.5",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+    },
+    "node_modules/ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.0.tgz",
+      "integrity": "sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.3",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.6.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.3.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.10",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.13.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/express-session": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/express-session/-/express-session-1.18.0.tgz",
+      "integrity": "sha512-m93QLWr0ju+rOwApSsyso838LQwgfs44QtOP/WBiwtAgPIo/SAh1a5c6nn2BR6mFNZehTpqKDESzP+fRHVbxwQ==",
+      "dependencies": {
+        "cookie": "0.6.0",
+        "cookie-signature": "1.0.7",
+        "debug": "2.6.9",
+        "depd": "~2.0.0",
+        "on-headers": "~1.0.2",
+        "parseurl": "~1.3.3",
+        "safe-buffer": "5.2.1",
+        "uid-safe": "~2.1.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/express-session/node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA=="
+    },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "deprecated": "This package is no longer supported.",
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ=="
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/https-proxy-agent/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/https-proxy-agent/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jake": {
+      "version": "10.9.2",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
+      "integrity": "sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==",
+      "dependencies": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.4",
+        "minimatch": "^3.1.2"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/kareem": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.6.3.tgz",
+      "integrity": "sha512-C3iHfuGUXK2u8/ipq9LfjFfXFxAZMQJJq7vLS45r3D9Y2xQ/m4S8zaR4zMLFWh9AsNPXmcFfUDhTEO8UIC/V6Q==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg=="
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mongodb": {
+      "version": "6.9.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.9.0.tgz",
+      "integrity": "sha512-UMopBVx1LmEUbW/QE0Hw18u583PEDVQmUmVzzBRH0o/xtE9DBRA5ZYLOjpLIa03i8FXjzvQECJcqoMvCXftTUA==",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.1.5",
+        "bson": "^6.7.0",
+        "mongodb-connection-string-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.1.tgz",
+      "integrity": "sha512-XqMGwRX0Lgn05TDB4PyG2h2kKO/FfWJyCzYQbIhXUxz7ETt0I/FqHjUeqj37irJ+Dl1ZtU82uYyj14u2XsZKfg==",
+      "dependencies": {
+        "@types/whatwg-url": "^11.0.2",
+        "whatwg-url": "^13.0.0"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.7.0.tgz",
+      "integrity": "sha512-rUCSF1mMYQXjXYdqEQLLlMD3xbcj2j1/hRn+9VnVj7ipzru/UoUZxlj/hWmteKMAh4EFnDZ+BIrmma9l/0Hi1g==",
+      "dependencies": {
+        "bson": "^6.7.0",
+        "kareem": "2.6.3",
+        "mongodb": "6.9.0",
+        "mpath": "0.9.0",
+        "mquery": "5.0.0",
+        "ms": "2.1.3",
+        "sift": "17.1.3"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/mongoose/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/mpath": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
+      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
+      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
+      "dependencies": {
+        "debug": "4.x"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/mquery/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mquery/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-5.1.0.tgz",
+      "integrity": "sha512-eh0GgfEkpnoWDq+VY8OyvYhFEzBk6jIYbRKdIlyTiAXIVJ8PyBaKb0rp7oDtoddbdoHWhq8wwr+XZ81F1rpNdA=="
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-fetch/node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+    },
+    "node_modules/node-fetch/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+    },
+    "node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "deprecated": "This package is no longer supported.",
+      "dependencies": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
+      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
+      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w=="
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/random-bytes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/random-bytes/-/random-bytes-1.0.0.tgz",
+      "integrity": "sha512-iv7LhNVO047HzYR3InF6pUcUsPQiHTM1Qal51DcGSuZFBil1aBBWG5eHPNek7bvILMaYJ/8RU1e8w1AMdHmLQQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sift": {
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
+      "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ=="
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
+      "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
+      "dependencies": {
+        "punycode": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/uid-safe": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/uid-safe/-/uid-safe-2.1.5.tgz",
+      "integrity": "sha512-KPHm4VL5dDXKz01UuEd88Df+KzynaohSL9fBh096KWAxSKZQDI2uBrVqtvRM4rwrIrRRKsdLNML/lnaaVSRioA==",
+      "dependencies": {
+        "random-bytes": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-13.0.0.tgz",
+      "integrity": "sha512-9WWbymnqj57+XEuqADHrCJ2eSXzn8WXIW/YSGaZtb2WKAInQ6CHfaUUcTyyver0p8BDg5StLQq8h1vtZuwmOig==",
+      "dependencies": {
+        "tr46": "^4.1.1",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "dependencies": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    }
+  }
+}
diff --git a/Backend_main/package.json b/Backend_main/package.json
new file mode 100644
index 0000000..71224ab
--- /dev/null
+++ b/Backend_main/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "backend_main",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "bcrypt": "^5.1.1",
+    "bcryptjs": "^2.4.3",
+    "body-parser": "^1.20.3",
+    "cors": "^2.8.5",
+    "dotenv": "^16.4.5",
+    "ejs": "^3.1.10",
+    "express": "^4.21.0",
+    "express-session": "^1.18.0",
+    "mongoose": "^8.7.0"
+  }
+}
diff --git a/Backend_main/server.js b/Backend_main/server.js
new file mode 100644
index 0000000..9a1a9d2
--- /dev/null
+++ b/Backend_main/server.js
@@ -0,0 +1,188 @@
+const express = require('express');
+const mongoose = require('mongoose');
+const bodyParser = require('body-parser');
+const session = require('express-session');
+const bcrypt = require('bcrypt'); // Use bcrypt for password hashing
+const path = require('path');
+const cors = require('cors');
+
+
+require('dotenv').config();
+
+const app = express();
+app.use(cors());
+app.use(bodyParser.urlencoded({ extended: true }));
+app.use(bodyParser.json());
+app.use(express.static(path.join(__dirname, '..')));
+
+const PORT = process.env.PORT || 3000;
+
+// Connect to MongoDB Atlas
+mongoose.connect(process.env.DB_URL, { useNewUrlParser: true, useUnifiedTopology: true })
+  .then(() => console.log("MongoDB connected"))
+  .catch(err => console.error("MongoDB connection error:", err));
+
+// Define User Schema
+const userSchema = new mongoose.Schema({
+  name: { type: String, required: true },
+  email: { type: String, required: true, unique: true },
+  username: { type: String, unique: true }, // Add this line if you want to keep username
+  password: { type: String, required: true },
+  role: { type: String, enum: ['user', 'doctor', 'admin'], required: true },
+  specialization: { type: String }, // For doctors
+  department: { type: String } // For admins
+});
+const User = mongoose.model('User', userSchema);
+
+app.use(session({
+  secret: process.env.SESSION_SECRET || 'default_secret', // Use an environment variable for the secret
+  resave: false,
+  saveUninitialized: true,
+  cookie: { secure: process.env.NODE_ENV === 'production' } // Set to true in production
+}));
+
+// Discussion forum route
+app.get('/discussion-forum', (req, res) => {
+  if (req.session.isLoggedIn) {
+    res.sendFile(path.join(__dirname, '..', 'discussion-forum.html')); // Adjust the path
+  } else {
+    res.redirect('/login');
+  }
+});
+
+//signup route
+
+app.post('/signup', async (req, res) => {
+  try {
+    const { name, email, password, role, specialization, department, username } = req.body;
+
+    // Check if the email already exists
+    const existingUser = await User.findOne({ email });
+    if (existingUser) {
+      return res.status(400).json({ message: 'Email already exists. Please log in', redirect: '/login' });
+    }
+
+    // Hash the password
+    const hashedPassword = await bcrypt.hash(password, 10);
+    
+    // Create new user based on role
+    const newUser = new User({
+      name,
+      email,
+      username: username || email, // Use email as username if no username is provided
+      password: hashedPassword,
+      role,
+      ...(role === 'doctor' && { specialization }),
+      ...(role === 'admin' && { department })
+    });
+
+    await newUser.save();
+
+    // Set session variables
+    req.session.isLoggedIn = true;
+    req.session.email = email;
+    req.session.role = role;
+
+    console.log('Signup successful, session variables set:', req.session);
+
+    // Redirect based on user role
+    let redirect = '/';
+    if (role === 'doctor') redirect = '/doctor-dashboard';
+    else if (role === 'admin') redirect = '/admin-dashboard';
+
+    return res.status(201).json({ message: 'Signup successful', redirect });
+  } catch (error) {
+    console.error('Error during signup:', error);
+    res.status(500).json({ message: 'Error signing up' });
+  }
+});
+
+
+// Login Route
+app.post('/login', async (req, res) => {
+  try {
+    const { email, password, role } = req.body;
+    console.log('Login attempt:', email, 'Role:', role);
+    
+    let foundUser = await User.findOne({ email, role });
+    if (!foundUser) {
+      foundUser = await User.findOne({ email });
+    }
+
+    console.log('Found user:', foundUser ? 'Yes' : 'No');
+
+    if (!foundUser) {
+      console.log('User not found');
+      return res.status(401).json({ message: 'Invalid email or password' });
+    }
+
+    const isMatch = await bcrypt.compare(password, foundUser.password);
+    console.log('Password match:', isMatch ? 'Yes' : 'No');
+
+    if (isMatch) {
+      req.session.isLoggedIn = true;
+      req.session.email = email;
+      req.session.role = foundUser.role;
+
+      console.log('Login successful:', email, 'Role:', foundUser.role);
+      return res.json({ message: 'Login successful', redirect: '/' }); // Always redirect to home page
+    } else {
+      console.log('Password mismatch');
+      return res.status(401).json({ message: 'Invalid email or password' });
+    }
+  } catch (error) {
+    console.error('Login error:', error);
+    return res.status(500).json({ message: 'Error logging in' });
+  }
+});
+
+// Check if user is logged in
+app.get('/check-login', (req, res) => {
+  if (req.session.isLoggedIn) {
+    res.redirect('/discussion-forum');
+  } else {
+    res.redirect('/login');
+  }
+});
+
+app.get('/login', (req, res) => {
+  res.sendFile(path.join(__dirname, '..', 'login.html')); // Adjust the path to your login.html file
+});
+
+
+app.get('/', (req, res) => {
+  res.sendFile(path.join(__dirname, '..', 'index.html')); // Serve the index.html file
+});
+
+// Add this new route for doctor login
+app.get('/doctor_login', (req, res) => {
+  res.sendFile(path.join(__dirname, '..', 'doctor_login.html'));
+});
+
+// Add this new route for admin login
+app.get('/admin_login', (req, res) => {
+  res.sendFile(path.join(__dirname, '..', 'admin_login.html'));
+});
+
+// Add this route for doctor dashboard
+app.get('/doctor-dashboard', (req, res) => {
+  if (req.session.isLoggedIn && req.session.role === 'doctor') {
+    res.sendFile(path.join(__dirname, '..', 'doctor-dashboard.html'));
+  } else {
+    res.redirect('/login');
+  }
+});
+
+// Add this route for admin dashboard
+app.get('/admin-dashboard', (req, res) => {
+  if (req.session.isLoggedIn && req.session.role === 'admin') {
+    res.sendFile(path.join(__dirname, '..', 'admin-dashboard.html'));
+  } else {
+    res.redirect('/login');
+  }
+});
+
+// Start the server
+app.listen(PORT, () => {
+  console.log(`Server started on port ${PORT}`);
+});
diff --git a/admin_login.html b/admin_login.html
index f041248..fdf7442 100644
--- a/admin_login.html
+++ b/admin_login.html
@@ -1,168 +1,296 @@
 <!DOCTYPE html>
 <html lang="en">
 
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
-        <link rel="icon" href="img/favicon.png" type="image/png">
-        <title>Admin Login</title>
-
-        <style>
-            @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
-
-            * {
-                margin: 0;
-                padding: 0;
-                box-sizing: border-box;
-            }
-
-            body {
-                min-height: 100vh;
-                background: linear-gradient(to right, #b1b1b1b9, #838a9393);
-                background-image: url(./img/helth\ 3.jpg);
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                font-family: 'Poppins', sans-serif;
-                background-repeat: no-repeat;
-                background-size: cover;
-            }
-
-            .container {
-                width: 50vh;
-                height: 43vh;
-                border-radius: 3vh;
-                background: #fef9ef72;
-                backdrop-filter: blur(20px);
-                box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
-            }
-
-            .top {
-                text-align: center;
-                margin-bottom: 10vh;
-            }
-
-            .top span {
-                position: relative;
-                top: 3vh;
-                font-size: 25px;
-                letter-spacing: 0.2vh;
-                font-weight: 700;
-                color: #264653;
-                text-shadow: 1px 1px 2px rgba(83, 154, 182, 1);
-            }
-
-            .inputBox {
-                box-shadow: rgb(219, 219, 219) 3px 3px 6px 0px inset,
-                    rgba(221, 220, 220, 0.301) -3px -3px 6px 1px inset;
-                display: flex;
-                justify-content: space-around;
-                align-items: center;
-                margin-left: 4.5vh;
-                width: 40vh;
-                height: 6vh;
-                margin-bottom: 4vh;
-                border-radius: 5vh;
-            }
-
-            .inputBox:focus-within {
-                box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1),
-                    -5px -5px 10px rgba(255, 255, 255, 0.5);
-                outline: 0.5vh solid #264653a1;
-            }
-
-            .input {
-                height: 4vh;
-                width: 30vh;
-                margin-left: -2vh;
-                border: none;
-                outline: none;
-                background: inherit;
-            }
-
-            .input::placeholder {
-                color: black;
-                letter-spacing: 0.05em;
-                font-size: 14px;
-            }
-
-            .btn {
-                margin-top: 2vh;
-                height: 5vh;
-                width: 10vh;
-                border: none;
-                border-radius: 5vh;
-                background: transparent;
-                cursor: pointer;
-                color: #264653;
-                border: 1px solid #264653;
-                font-weight: 600;
-                transition: 0.3s ease;
-                box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
-            }
-
-            .btn:hover {
-                background: #264653;
-                color: #fff;
-            }
-
-            form {
-                text-align: center;
-            }
-
-            .user {
-                margin-top: 3vh;
-                color: #0f1f26;
-            }
-
-            .user span {
-                margin-left: 1vh;
-                font-size: 20px;
-                font-weight: bold;
-                color: #195c71;
-                cursor: pointer;
-                font-weight: 500;
-            }
-        </style>
-
-    </head>
-
-    <body>
-
-        <div class="container">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
+    <link rel="icon" href="img/favicon.png" type="image/png">
+    <title>Admin Login</title>
+
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            min-height: 100vh;
+            background: linear-gradient(to right, #b1b1b1b9, #838a9393);
+            background-image: url(./img/helth\ 3.jpg);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-family: 'Poppins', sans-serif;
+            background-repeat: no-repeat;
+            background-size: cover;
+        }
+
+        .container {
+            position: relative;
+            width: 50vh;
+            height: 65vh;
+        }
+
+        .front, .back {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            backface-visibility: hidden;
+            transition: transform 0.6s linear;
+        }
+
+        .front {
+            z-index: 2;
+        }
+
+        .back {
+            transform: rotateY(180deg);
+        }
+
+        .container.flipped .front {
+            transform: rotateY(-180deg);
+        }
+
+        .container.flipped .back {
+            transform: rotateY(0deg);
+        }
+
+        .top {
+            text-align: center;
+            margin-bottom: 10vh;
+        }
+
+        .top span {
+            position: relative;
+            top: 3vh;
+            font-size: 25px;
+            letter-spacing: 0.2vh;
+            font-weight: 700;
+            color: #264653;
+            text-shadow: 1px 1px 2px rgba(83, 154, 182, 1);
+        }
+
+        .inputBox {
+            box-shadow: rgb(219, 219, 219) 3px 3px 6px 0px inset,
+                rgba(221, 220, 220, 0.301) -3px -3px 6px 1px inset;
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+            margin-left: 4.5vh;
+            width: 40vh;
+            height: 6vh;
+            margin-bottom: 4vh;
+            border-radius: 5vh;
+        }
+
+        .inputBox:focus-within {
+            box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1),
+                -5px -5px 10px rgba(255, 255, 255, 0.5);
+            outline: 0.5vh solid #264653a1;
+        }
+
+        .input {
+            height: 4vh;
+            width: 30vh;
+            margin-left: -2vh;
+            border: none;
+            outline: none;
+            background: inherit;
+        }
+
+        .input::placeholder {
+            color: black;
+            letter-spacing: 0.05em;
+            font-size: 14px;
+        }
+
+        .btn {
+            margin-top: 2vh;
+            height: 5vh;
+            width: 10vh;
+            border: none;
+            border-radius: 5vh;
+            background: transparent;
+            cursor: pointer;
+            color: #264653;
+            border: 1px solid #264653;
+            font-weight: 600;
+            transition: 0.3s ease;
+            box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
+        }
+
+        .btn:hover {
+            background: #264653;
+            color: #fff;
+        }
+
+        form {
+            text-align: center;
+        }
+
+        .user {
+            margin-top: 3vh;
+            color: #0f1f26;
+        }
+
+        .user span {
+            margin-left: 1vh;
+            font-size: 20px;
+            font-weight: bold;
+            color: #195c71;
+            cursor: pointer;
+            font-weight: 500;
+        }
+    </style>
+
+</head>
+
+<body>
+    <div class="container" id="container">
+        <div class="front">
             <div class="top">
                 <span>Admin Login</span>
             </div>
             <div class="form">
-                <form action="/" method="post">
+                <form id="adminLoginForm">
                     <div class="inputBox">
                         <label><i class="fa-solid fa-user"></i></label>
-                        <input type="text" placeholder="Username" class="input" name="username" required>
+                        <input type="email" placeholder="Email" class="input" name="email" required>
                     </div>
                     <div class="inputBox" style="position: relative;">
                         <label><i class="fa-solid fa-lock"></i></label>
-                        <input type="password" id="password" placeholder="Password" class="input" name="password"
-                            required>
-                        <i class="fa-solid fa-eye" id="togglePassword"
-                            style="cursor: pointer; position: absolute; right: 10px; top: 10px;"></i>
+                        <input type="password" id="loginPassword" placeholder="Password" class="input" name="password" required>
+                        <i class="fa-solid fa-eye" id="toggleLoginPassword" style="cursor: pointer; position: absolute; right: 10px; top: 10px;"></i>
                     </div>
                     <button type="submit" class="btn">Log in</button>
+                    <div class="user">New admin? <span class="newUser">Sign Up</span></div>
                 </form>
             </div>
         </div>
 
-        <script>
-            const togglePassword = document.querySelector("#togglePassword");
-            const password = document.querySelector("#password");
+        <div class="back">
+            <div class="top">
+                <span>Admin Register</span>
+            </div>
+            <div class="form">
+                <form id="adminRegisterForm">
+                    <div class="inputBox">
+                        <label><i class="fa-solid fa-user"></i></label>
+                        <input type="text" placeholder="Full Name" class="input" name="name" required>
+                    </div>
+                    <div class="inputBox">
+                        <label><i class="fa-solid fa-envelope"></i></label>
+                        <input type="email" placeholder="Email" class="input" name="email" required>
+                    </div>
+                    <div class="inputBox">
+                        <label><i class="fa-solid fa-briefcase"></i></label>
+                        <input type="text" placeholder="Department" class="input" name="department" required>
+                    </div>
+                    <div class="inputBox" style="position: relative;">
+                        <label><i class="fa-solid fa-lock"></i></label>
+                        <input type="password" id="registerPassword" placeholder="Password" class="input" name="password" required>
+                        <i class="fa-solid fa-eye" id="toggleRegisterPassword" style="cursor: pointer; position: absolute; right: 10px; top: 10px;"></i>
+                    </div>
+                    <button type="submit" class="btn">Sign Up</button>
+                    <div class="user">Existing admin? <span class="existingUser">Log In</span></div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const container = document.getElementById('container');
+            const newUser = document.querySelector('.newUser');
+            const existingUser = document.querySelector('.existingUser');
+
+            newUser.addEventListener('click', function() {
+                container.classList.add('flipped');
+            });
+
+            existingUser.addEventListener('click', function() {
+                container.classList.remove('flipped');
+            });
 
-            togglePassword.addEventListener("click", function () {
-                const type = password.getAttribute("type") === "password" ? "text" : "password";
-                password.setAttribute("type", type);
+            document.getElementById('adminLoginForm').addEventListener('submit', function(e) {
+                e.preventDefault();
+                console.log('Admin login form submitted');
+                const formData = new FormData(this);
+                fetch('/login', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        email: formData.get('email'),
+                        password: formData.get('password'),
+                        role: 'admin'
+                    }),
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.redirect) {
+                        window.location.href = data.redirect; // This will redirect to the home page
+                    } else {
+                        alert(data.message);
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('An error occurred during login');
+                });
+            });
+
+            document.getElementById('adminRegisterForm').addEventListener('submit', function(e) {
+                e.preventDefault();
+                console.log('Admin register form submitted');
+                const formData = new FormData(this);
+                fetch('/signup', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        name: formData.get('name'),
+                        email: formData.get('email'),
+                        department: formData.get('department'),
+                        password: formData.get('password'),
+                        role: 'admin',
+                        username: formData.get('email') // Use email as username if there's no separate username field
+                    }),
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.redirect) {
+                        window.location.href = data.redirect;
+                    } else {
+                        alert(data.message);
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('An error occurred during registration');
+                });
+            });
+
+            // Toggle password visibility
+            const toggleLoginPassword = document.querySelector("#toggleLoginPassword");
+            const loginPassword = document.querySelector("#loginPassword");
+            toggleLoginPassword.addEventListener("click", function () {
+                const type = loginPassword.getAttribute("type") === "password" ? "text" : "password";
+                loginPassword.setAttribute("type", type);
                 this.classList.toggle("fa-eye-slash");
             });
-        </script>
 
-    </body>
+            const toggleRegisterPassword = document.querySelector("#toggleRegisterPassword");
+            const registerPassword = document.querySelector("#registerPassword");
+            toggleRegisterPassword.addEventListener("click", function () {
+                const type = registerPassword.getAttribute("type") === "password" ? "text" : "password";
+                registerPassword.setAttribute("type", type);
+                this.classList.toggle("fa-eye-slash");
+            });
+        });
+    </script>
+</body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/doctor_login.html b/doctor_login.html
index 6071b8f..b08209a 100644
--- a/doctor_login.html
+++ b/doctor_login.html
@@ -30,12 +30,33 @@
             }
 
             .container {
+                position: relative;
                 width: 50vh;
-                height: 43vh;
-                border-radius: 3vh;
-                background: #fef9ef72;
-                backdrop-filter: blur(20px);
-                box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
+                height: 65vh;
+            }
+
+            .front, .back {
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                backface-visibility: hidden;
+                transition: transform 0.6s linear;
+            }
+
+            .front {
+                z-index: 2;
+            }
+
+            .back {
+                transform: rotateY(180deg);
+            }
+
+            .container.flipped .front {
+                transform: rotateY(-180deg);
+            }
+
+            .container.flipped .back {
+                transform: rotateY(0deg);
             }
 
             .top {
@@ -129,38 +150,130 @@
     </head>
 
     <body>
-        <div class="container">
-            <div class="top">
-                <span>Doctor Login</span>
+        <div class="container" id="container">
+            <div class="front">
+                <div class="top">
+                    <span>Doctor Login</span>
+                </div>
+                <div class="form">
+                    <form id="doctorLoginForm">
+                        <input type="hidden" name="role" value="doctor">
+                        <div class="inputBox">
+                            <label><i class="fa-solid fa-user"></i></label>
+                            <input type="email" placeholder="Email" class="input" name="email" required>
+                        </div>
+                        <div class="inputBox" style="position: relative;">
+                            <label><i class="fa-solid fa-lock"></i></label>
+                            <input type="password" id="loginPassword" placeholder="Password" class="input" name="password" required>
+                            <i class="fa-solid fa-eye" id="toggleLoginPassword" style="cursor: pointer; position: absolute; right: 10px; top: 10px;"></i>
+                        </div>
+                        <button type="submit" class="btn">Log in</button>
+                        <div class="user">New doctor? <span class="newUser">Sign Up</span></div>
+                    </form>
+                </div>
             </div>
-            <div class="form">
-                <form action="/" method="post">
-                    <div class="inputBox">
-                        <label><i class="fa-solid fa-user"></i></label>
-                        <input type="text" placeholder="Username" class="input" name="username" required>
-                    </div>
-                    <div class="inputBox" style="position: relative;">
-                        <label><i class="fa-solid fa-lock"></i></label>
-                        <input type="password" id="password" placeholder="Password" class="input" name="password"
-                            required>
-                        <i class="fa-solid fa-eye" id="togglePassword"
-                            style="cursor: pointer; position: absolute; right: 10px; top: 10px;"></i>
-                    </div>
-                    <button type="submit" class="btn">Log in</button>
-                </form>
+
+            <div class="back">
+                <div class="top">
+                    <span>Doctor Register</span>
+                </div>
+                <div class="form">
+                    <form id="doctorRegisterForm">
+                        <div class="inputBox">
+                            <label><i class="fa-solid fa-user"></i></label>
+                            <input type="text" placeholder="Full Name" class="input" name="name" required>
+                        </div>
+                        <div class="inputBox">
+                            <label><i class="fa-solid fa-envelope"></i></label>
+                            <input type="email" placeholder="Email" class="input" name="email" required>
+                        </div>
+                        <div class="inputBox">
+                            <label><i class="fa-solid fa-user-md"></i></label>
+                            <input type="text" placeholder="Specialization" class="input" name="specialization" required>
+                        </div>
+                        <div class="inputBox" style="position: relative;">
+                            <label><i class="fa-solid fa-lock"></i></label>
+                            <input type="password" id="registerPassword" placeholder="Password" class="input" name="password" required>
+                            <i class="fa-solid fa-eye" id="toggleRegisterPassword" style="cursor: pointer; position: absolute; right: 10px; top: 10px;"></i>
+                        </div>
+                        <button type="submit" class="btn">Sign Up</button>
+                        <div class="user">Existing doctor? <span class="existingUser">Log In</span></div>
+                    </form>
+                </div>
             </div>
         </div>
 
         <script>
-            const togglePassword = document.querySelector("#togglePassword");
-            const password = document.querySelector("#password");
+            document.addEventListener('DOMContentLoaded', function() {
+                const container = document.getElementById('container');
+                const newUser = document.querySelector('.newUser');
+                const existingUser = document.querySelector('.existingUser');
+
+                newUser.addEventListener('click', function() {
+                    container.classList.add('flipped');
+                });
+
+                existingUser.addEventListener('click', function() {
+                    container.classList.remove('flipped');
+                });
+
+                document.getElementById('doctorLoginForm').addEventListener('submit', function(e) {
+                    e.preventDefault();
+                    console.log('Doctor login form submitted');
+                    const formData = new FormData(this);
+                    fetch('/login', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({
+                            email: formData.get('email'),
+                            password: formData.get('password'),
+                            role: 'doctor'
+                        }),
+                    })
+                    .then(response => response.json())
+                    .then(data => {
+                        if (data.redirect) {
+                            window.location.href = data.redirect; // This will redirect to the home page
+                        } else {
+                            alert(data.message);
+                        }
+                    })
+                    .catch(error => {
+                        console.error('Error:', error);
+                        alert('An error occurred during login');
+                    });
+                });
 
-            togglePassword.addEventListener("click", function () {
-                const type = password.getAttribute("type") === "password" ? "text" : "password";
-                password.setAttribute("type", type);
-                this.classList.toggle("fa-eye-slash");
+                document.getElementById('doctorRegisterForm').addEventListener('submit', function(e) {
+                    e.preventDefault();
+                    console.log('Doctor register form submitted');
+                    const formData = new FormData(this);
+                    fetch('/signup', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({
+                            name: formData.get('name'),
+                            email: formData.get('email'),
+                            specialization: formData.get('specialization'),
+                            password: formData.get('password'),
+                            role: 'doctor'
+                        }),
+                    })
+                    .then(response => response.json())
+                    .then(data => {
+                        if (data.redirect) {
+                            window.location.href = data.redirect;
+                        } else {
+                            alert(data.message);
+                        }
+                    })
+                    .catch(error => {
+                        console.error('Error:', error);
+                        alert('An error occurred during registration');
+                    });
+                });
             });
         </script>
     </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/login.html b/login.html
index 324ffb2..a4adeb4 100644
--- a/login.html
+++ b/login.html
@@ -3,31 +3,61 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Registration Form</title>
+    <title>Login Form</title>
     <link rel="stylesheet" type="text/css" href="./style3.css">
     <script type="text/javascript" src="script3.js"></script>
 </head>
 <body>
     <div class="main">
         <h1 class="form-title">Medical Website</h1>
-        <form onsubmit="return validateInputs1()" action="index.html">
-        <class="main-user-info">
-        <div class="user-input-box">
-            <label for="email">E-mail : </label>
-            <input type="email" id="email" name="email" placeholder="Enter your mail id">
+        <form id="loginForm">
+            <class="main-user-info">
+            <div class="user-input-box">
+                <label for="email">E-mail : </label>
+                <input type="email" id="email" name="email" placeholder="Enter your mail id">
+            </div>
+            <div class="user-input-box">
+                <label for="password">password : </label>
+                <input type="password" id="password" name="password" placeholder="Enter password">
+            </div>
+            <div class="form-submit-button">
+                <input type="submit" value="Login">
+            </div>
+            <div class="register"> 
+                New User ? <a href="register.html">Register</a>
+            </div>
+            <input type="hidden" name="role" value="user">
         </div>
-        <div class="user-input-box">
-            <label for="password">password : </label>
-            <input type="password" id="password" name="password" placeholder="Enter password">
-        </div>
-        <div class="form-submit-button">
-            <input type="submit" value="Login">
-        </div>
-        <div class="register"> 
-            New User ? <a href="register.html">Register</a>
-        </div>
-    </div>
         </form>
     </div>
+    <script>
+        document.getElementById('loginForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            const formData = new FormData(this);
+            fetch('/login', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    email: formData.get('email'),
+                    password: formData.get('password'),
+                    role: formData.get('role')
+                }),
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.redirect) {
+                    window.location.href = data.redirect;
+                } else {
+                    alert(data.message);
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                alert('An error occurred during login');
+            });
+        });
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/register.html b/register.html
index 13aa8e3..e686701 100644
--- a/register.html
+++ b/register.html
@@ -10,11 +10,11 @@
 <body>
     <div class="main">
         <h1 class="form-title">Medical Website</h1>
-        <form onsubmit="return validateInputs()" action="index.html">
+        <form id="registerForm">
         <class="main-user-info">
             <div class="user-input-box">
                 <label for="name">Name : </label>
-                <input type="name" id="name" name="name" placeholder="Enter your name">
+                <input type="text" id="name" name="name" placeholder="Enter your name">
             </div>
         <div class="user-input-box">
             <label for="email">E-mail : </label>
@@ -33,5 +33,35 @@ <h1 class="form-title">Medical Website</h1>
     </div>
         </form>
     </div>
+    <script>
+        document.getElementById('registerForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            const formData = new FormData(this);
+            fetch('/signup', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    username: formData.get('name'),
+                    email: formData.get('email'),
+                    password: formData.get('password'),
+                    role: 'user'
+                }),
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.redirect) {
+                    window.location.href = data.redirect;
+                } else {
+                    alert(data.message);
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                alert('An error occurred during registration');
+            });
+        });
+    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/user_login.html b/user_login.html
index e3af9e0..627978c 100644
--- a/user_login.html
+++ b/user_login.html
@@ -165,18 +165,17 @@
                 <span>User Login</span>
             </div>
             <div class="form">
-                <form id="loginForm" action="/user_login" method="post">
+                <form id="loginForm">
                     <div class="inputBox inputBoxFront">
                         <label><i class="fa-solid fa-user"></i></label>
-                        <input type="text" placeholder="Username" class="input" name="username" required>
+                        <input type="text" placeholder="Email" class="input" name="email" required>
                     </div>
                     <div class="inputBox inputBoxFront" style="position: relative;">
                         <label><i class="fa-solid fa-lock"></i></label>
-                        <input type="password" id="loginPassword" placeholder="Password" class="input" name="password"
-                            required>
-                        <i class="fa-solid fa-eye" id="toggleLoginPassword"
-                            style="cursor: pointer; position: absolute; right: 10px; top: 10px;"></i>
+                        <input type="password" id="loginPassword" placeholder="Password" class="input" name="password" required>
+                        <i class="fa-solid fa-eye" id="toggleLoginPassword" style="cursor: pointer; position: absolute; right: 10px; top: 10px;"></i>
                     </div>
+                    <input type="hidden" name="role" value="user">
                     <button type="submit" class="btn">Log in</button>
                     <div class="user">New user? <span class="newUser">Sign Up</span></div>
                 </form>
@@ -249,12 +248,13 @@
             document.getElementById("loginForm").addEventListener("submit", function (event) {
                 let isValid = true;
 
-                const username = document.querySelector("input[name='username']").value.trim();
+                const email = document.querySelector("input[name='email']").value.trim();
                 const password = loginPassword.value.trim();
 
-                // Username validation
-                if (username === "") {
-                    alert("Username is required");
+                // Email validation
+                const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                if (!emailPattern.test(email)) {
+                    alert("Please enter a valid email address");
                     isValid = false;
                 }
 
@@ -339,7 +339,64 @@
                 back.style.transform = "rotateY(180deg)";
                 front.style.transform = "rotateY(0deg)";
             });
+
+            document.getElementById('loginForm').addEventListener('submit', function(e) {
+                e.preventDefault();
+                const formData = new FormData(this);
+                fetch('/login', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        email: formData.get('email'),
+                        password: formData.get('password'),
+                        role: formData.get('role')
+                    }),
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.redirect) {
+                        window.location.href = data.redirect;
+                    } else {
+                        alert(data.message);
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('An error occurred during login');
+                });
+            });
+
+            document.getElementById('registerForm').addEventListener('submit', function(e) {
+                e.preventDefault();
+                const formData = new FormData(this);
+                fetch('/signup', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        username: formData.get('username'),
+                        email: formData.get('email'),
+                        password: formData.get('password'),
+                        role: 'user'
+                    }),
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.redirect) {
+                        window.location.href = data.redirect;
+                    } else {
+                        alert(data.message);
+                    }
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                    alert('An error occurred during registration');
+                });
+            });
         </script>
     </body>
 
-</html>
\ No newline at end of file
+</html>

From a5fc25f791b1b711c7f20e733e74f087e1d4bf79 Mon Sep 17 00:00:00 2001
From: Varsha Dewangan <140236223+Varsha-1605@users.noreply.github.com>
Date: Sat, 19 Oct 2024 00:46:29 +0530
Subject: [PATCH 06/20] Created User generated content page

---
 index.html   |   1 +
 reviews.html | 858 +++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 859 insertions(+)
 create mode 100644 reviews.html

diff --git a/index.html b/index.html
index 019afeb..46140ab 100644
--- a/index.html
+++ b/index.html
@@ -167,6 +167,7 @@
                 <a href="#services">Services</a>
                 <a href="#contact">Contact</a>
                 <a href="blog.html">Blogs</a>
+                <a href="reviews.html">Discussion</a>
                 <a href="nearby.html">Nearby</a>
 
 
diff --git a/reviews.html b/reviews.html
new file mode 100644
index 0000000..29e460a
--- /dev/null
+++ b/reviews.html
@@ -0,0 +1,858 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="img/favicon.png" type="image/png">
+    <title>Swasthya Point</title>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
+
+        :root {
+            --primary-color: #3498db;
+            --secondary-color: #2ecc71;
+            --background-color: #f4f4f4;
+            --text-color: #333;
+            --card-background: #ffffff;
+            --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+            --transition-speed: 0.3s;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+
+        body {
+    font-family: 'Poppins', sans-serif;
+    background: linear-gradient(to right, #89CFF0, #00BFFF, #0CAFFF, #1F75FE, #1560bd);
+    color: var(--text-color);
+    line-height: 1.6;
+}
+
+        .main-head {
+            background-color: var(--primary-color);
+            padding: 1rem 0;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+            position: sticky;
+            top: 0;
+            z-index: 1000;
+            transition: background-color var(--transition-speed) ease;
+        }
+
+        /* Header styles */
+header {
+    background-color: #f9f9f9;
+    padding: 1rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    
+}
+
+.logo img {
+    height: 50px;
+    width: auto;
+}
+
+.navbar {
+    margin-top: 5px;
+    display: flex;
+    align-items: center;
+}
+
+.navbar a {
+    color: #333;
+    text-decoration: none;
+    padding: 0.5rem 1rem;
+    margin-left: 0.5rem;
+    transition: background-color 0.3s ease;
+}
+
+.navbar a:hover {
+    background-color: #ddd;
+    border-radius: 4px;
+}
+
+
+
+
+/* Responsive design */
+@media (max-width: 768px) {
+    header {
+        flex-direction: column;
+    }
+
+    .navbar {
+        margin-top: 1rem;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+    .navbar a {
+        margin: 0.25rem;
+    }
+}
+
+
+        .hamburger {
+            display: none;
+            background: none;
+            border: none;
+            color: white;
+            font-size: 1.5rem;
+            cursor: pointer;
+        }
+
+        main {
+            max-width: 1200px;
+            margin: 2rem auto;
+            padding: 0 1rem;
+        }
+
+        .review-container {
+            background-color: var(--card-background);
+            border-radius: 15px;
+            box-shadow: var(--card-shadow);
+            overflow: hidden;
+            transition: transform var(--transition-speed) ease;
+        }
+
+        .review-container:hover {
+            transform: translateY(-5px);
+        }
+
+        .tab-container {
+            display: flex;
+            justify-content: center;
+            background-color: #f1f1f1;
+            padding: 1rem;
+            border-bottom: 1px solid #e0e0e0;
+        }
+
+        .tab {
+            padding: 0.8rem 1.5rem;
+            background-color: transparent;
+            border: none;
+            cursor: pointer;
+            transition: all var(--transition-speed) ease;
+            font-weight: 600;
+            position: relative;
+            overflow: hidden;
+            margin: 0 0.5rem;
+            border-radius: 25px;
+            
+        }
+
+        .tab::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: var(--primary-color);
+            transform: translateY(100%);
+            transition: transform var(--transition-speed) ease;
+            z-index: -1;
+            border-radius: 25px;
+        }
+
+        .tab:hover::before,
+        .tab.active::before {
+            transform: translateY(0);
+        }
+
+        .tab:hover,
+        .tab.active {
+            color: #2980b9;
+            size: 20px;
+        }
+
+        .content-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 2rem;
+    padding: 2rem;
+    /* background-color: rgba(255, 255, 255, 0.3); Adjust transparency */
+    backdrop-filter: blur(10px); /* Apply blur effect */
+    border-radius: 10px; /* Optional: Add rounded corners */
+}
+
+
+
+        .content-form, .review-form {
+            flex: 1 1 100%;
+            background-color: #f9f9f9;
+            padding: 2rem;
+            border-radius: 15px;
+            box-shadow: var(--card-shadow);
+            transition: all var(--transition-speed) ease;
+        }
+
+        .content-form:hover, .review-form:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        .form-group {
+            margin-bottom: 1.5rem;
+        }
+
+        .form-group label {
+            display: block;
+            margin-bottom: 0.5rem;
+            font-weight: 500;
+            color: var(--primary-color);
+        }
+
+        .form-group input,
+        .form-group select,
+        .form-group textarea {
+            width: 100%;
+            padding: 0.8rem;
+            border: 1px solid #ddd;
+            border-radius: 8px;
+            font-family: 'Poppins', sans-serif;
+            transition: border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
+        }
+
+        .form-group input:focus,
+        .form-group select:focus,
+        .form-group textarea:focus {
+            outline: none;
+            border-color: var(--primary-color);
+            box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
+        }
+
+        .star-rating {
+            display: inline-block;
+        }
+
+        .star-rating input {
+            display: none;
+        }
+
+        .star-rating label {
+            float: right;
+            padding: 0 2px;
+            font-size: 30px;
+            color: #ddd;
+            cursor: pointer;
+            transition: color var(--transition-speed) ease;
+        }
+
+        .star-rating input:checked ~ label,
+        .star-rating label:hover,
+        .star-rating label:hover ~ label {
+            color: #ffca08;
+        }
+
+        .submit-btn {
+            background-color: var(--primary-color);
+            color: white;
+            border: none;
+            padding: 0.8rem 1.5rem;
+            border-radius: 25px;
+            cursor: pointer;
+            transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease;
+            font-weight: 600;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+
+        .submit-btn:hover {
+            background-color: #2980b9;
+            transform: translateY(-2px);
+        }
+
+        .content-section {
+            display: none;
+            animation: fadeIn 0.5s ease-out;
+        }
+
+        .content-section.active {
+            display: block;
+        }
+
+        .content-item, .review-item {
+            background-color: var(--card-background);
+            border: 1px solid #ddd;
+            border-radius: 15px;
+            padding: 1.5rem;
+            margin-bottom: 1.5rem;
+            transition: all var(--transition-speed) ease;
+            box-shadow: var(--card-shadow);
+        }
+
+        .content-item:hover, .review-item:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
+        }
+
+        .content-item img, .review-item img {
+            max-width: 100%;
+            height: auto;
+            border-radius: 10px;
+            margin-bottom: 1rem;
+            transition: transform var(--transition-speed) ease;
+        }
+
+        .content-item img:hover, .review-item img:hover {
+            transform: scale(1.05);
+        }
+
+        .moderation-panel {
+            background-color: #e9ecef;
+            padding: 2rem;
+            border-radius: 15px;
+            margin-top: 2rem;
+            box-shadow: var(--card-shadow);
+        }
+
+        .moderation-controls {
+            display: flex;
+            gap: 1rem;
+            margin-top: 1rem;
+        }
+
+        .moderation-btn {
+            padding: 0.5rem 1rem;
+            border: none;
+            border-radius: 25px;
+            cursor: pointer;
+            transition: all var(--transition-speed) ease;
+            font-weight: 600;
+        }
+
+        .approve-btn {
+            background-color: var(--secondary-color);
+            color: white;
+        }
+
+        .reject-btn {
+            background-color: #e74c3c;
+            color: white;
+        }
+
+        .moderation-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+
+/**** FOOTER ****/
+
+
+footer {
+            background-color: #002147;
+            color: #ffffff;
+            padding: 0 0 0 0;
+            margin-top: 2rem; 
+        } 
+
+        .footer-container {
+            /* margin-top: 40px; */
+            display: flex;
+            justify-content:space-around;
+            flex-wrap: wrap;
+        }
+        .footer-column {
+            flex: 1;
+            margin-top: 30px;
+            margin-left: 100px;
+            margin-right: 20px;
+            /* margin-bottom: 1rem; */
+            min-width: 100px;
+            font-size: 30px;
+        }
+
+        .footer_deep {
+            font-size: 20px;
+            margin-top: 10px;
+            margin-bottom: 10px;
+        }
+
+        .footer-column h3 {
+            margin-bottom: 10px;
+            font-family: 'Playfair Display', serif;
+        }
+        
+
+
+        .footer-column a:hover {
+            color: var(--secondary-color);
+        }
+
+        .social-icons {
+            display: flex;
+            gap: 1rem;
+        }
+
+        .social-icons a {
+            color: var(--header-text);
+            font-size: 1.5rem;
+            transition: color 0.3s ease;
+        }
+
+        .social-icons a:hover {
+            color: var(--secondary-color);
+        }
+/* 
+        .footer-bottom {
+            text-align: center;
+            padding-top: 2rem;
+            margin-top: 2rem;
+            border-top: 1px solid rgba(255,255,255,0.1);
+        } */
+
+
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(20px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        .fade-in {
+            animation: fadeIn 0.5s ease-out;
+        }
+
+        @media (max-width: 768px) {
+            .hamburger {
+                display: block;
+            }
+
+            nav ul {
+                display: none;
+                position: absolute;
+                top: 100%;
+                left: 0;
+                right: 0;
+                background-color: var(--primary-color);
+                flex-direction: column;
+                padding: 1rem;
+                animation: slideDown 0.3s ease-out;
+            }
+
+            nav ul.active {
+                display: flex;
+            }
+
+            nav ul li {
+                margin: 0.5rem 0;
+            }
+
+            .dropdown-close-btn {
+                display: block;
+                text-align: right;
+                color: white;
+                font-size: 1.5rem;
+                cursor: pointer;
+            }
+        }
+
+        @keyframes slideDown {
+            from { opacity: 0; transform: translateY(-10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        .dark-mode {
+            --primary-color: #2c3e50;
+            --secondary-color: #27ae60;
+            --background-color: #1a1a1a;
+            --text-color: #f4f4f4;
+            --card-background: #2c2c2c;
+            --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+        }
+
+        .dark-mode .main-head {
+            background-color: #34495e;
+        }
+
+        .dark-mode .tab-container {
+            background-color: #2c2c2c;
+        }
+
+        .dark-mode .tab::before {
+            background-color: #34495e;
+        }
+
+        .dark-mode .content-form,
+        .dark-mode .review-form {
+            background-color: #2c2c2c;
+        }
+
+        .dark-mode .form-group input,
+        .dark-mode .form-group select,
+        .dark-mode .form-group textarea {
+            background-color: #3a3a3a;
+            color: #f4f4f4;
+            border-color: #4a4a4a;
+        }
+
+        .dark-mode .moderation-panel {
+            background-color: #2c2c2c;
+        }
+    </style>
+</head>
+<body>
+
+    <header>
+        <a href="#" class="logo"><img src="img/swasthya-logo.png" alt="Swasthya Point"></a>
+        <nav class="navbar">
+            <a href="index.html">Home</a>
+            <a href="blog.html">Blogs</a>
+            <a href="nearby.html">Nearby</a>
+            <a href="appointment.html">Book Your Appointment</a>
+            <div class="dark-btn-navbar">
+                <label id="dark-change"></label>
+            </div>
+        </nav>
+    </header>
+
+
+
+
+    <main>
+        <section id="user-content" class="review-container">
+            <div class="tab-container">
+                <button class="tab active" data-tab="share-content" style="font-size: 20px;">Share Medical Experience</button>
+                <button class="tab" data-tab="view-content" style="font-size: 20px;">View Experiences</button>
+            </div>
+
+            <div class="content-container">
+                <div id="share-content" class="content-form content-section active">
+                    <h2>SShare Your Medical Experience</h2>
+                    <form id="contentForm">
+                        <div class="form-group">
+                            <label for="contentTitle">Title of Your Experience:</label>
+                            <input type="text" id="contentTitle" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="contentLocation">Hospital/Clinic Name:</label>
+                            <input type="text" id="contentLocation" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="contentType">ype of Medical Service:</label>
+                            <select id="contentType" required>
+                                <option value="">Select type</option>
+                                <option value="consultation">Consultation</option>
+                                <option value="treatment">Treatment</option>
+                                <option value="surgery">Surgery</option>
+                                <option value="emergency">Emergency Care</option>
+                                <option value="other">Other</option>
+                            </select>
+                        </div>
+                        <div class="form-group">
+                            <label for="contentText">Share Your Experience:</label>
+                            <textarea id="contentText" rows="6" required></textarea>
+                        </div>
+                        <div class="form-group">
+                            <label for="contentImage">Upload an Image:</label>
+                            <input type="file" id="contentImage" accept="image/*">
+                        </div>
+                        <button type="submit" class="submit-btn">Share Experience</button>
+                    </form>
+                </div>
+
+                <div id="view-content" class="content-section">
+                    <h2>Medical Experiences</h2>
+                    <div id="contentList" class="content-grid">
+                        <!-- User-generated content will be dynamically added here -->
+                    </div>
+                </div>
+            </div>
+
+            <div class="moderation-panel fade-in">
+                <h2>Moderation Panel</h2>
+                <div id="moderationList">
+                    <!-- Pending content for moderation will be added here -->
+                </div>
+            </div>
+            <div class="form-group">
+                <label for="rating">Rating:</label>
+                <div class="star-rating">
+                    <input type="radio" id="star5" name="rating" value="5" /><label for="star5">☆</label>
+                    <input type="radio" id="star4" name="rating" value="4" /><label for="star4">☆</label>
+                    <input type="radio" id="star3" name="rating" value="3" /><label for="star3">☆</label>
+                    <input type="radio" id="star2" name="rating" value="2" /><label for="star2">☆</label>
+                    <input type="radio" id="star1" name="rating" value="1" /><label for="star1">☆</label>
+                </div>
+            </div>
+
+        </section>
+    </main>
+
+    
+<footer>
+    <div class="footer-container">
+        <div class="footer-column">
+            <h3>Medical</h3>
+            <p class="footer_deep">Putting your health first. Connect with top-tier healthcare providers, receive personalized treatment recommendations, and manage your health journey effortlessly.</p>
+        </div>
+        <div class="footer-column">
+            <h3>New York</h3>
+            <div class="footer_deep">
+                <p>709 Honey Creek Dr.</p>
+                <p>Delhi</p>
+                <p>NY 10028</p>
+                <p>1-888-299-2000</p>
+                <p><a href="https://medical.in">medical.in</a></p>
+            </div>
+        </div>
+        <div class="footer-column">
+            <h3>Aligarh</h3>
+            <div class="footer_deep">
+                <p>4851 Willow Greene Drive</p>
+                <p>Montgomery</p>
+                <p>AL 36109</p>
+                <p>1-888-299-2000</p>
+                <p><a href="https://med.com">med.com</a></p>
+            </div>
+        </div>
+    </div>
+   
+</footer>
+
+
+    <script>
+        // Function to handle tab switching
+        function setupTabs() {
+            const tabs = document.querySelectorAll('.tab');
+            tabs.forEach(tab => {
+                tab.addEventListener('click', () => {
+                    tabs.forEach(t => t.classList.remove('active'));
+                    tab.classList.add('active');
+                    const tabId = tab.getAttribute('data-tab');
+                    document.querySelectorAll('.content-section').forEach(section => {
+                        section.classList.remove('active');
+                    });
+                    document.getElementById(tabId).classList.add('active');
+                });
+            });
+        }
+
+        // Function to load content from localStorage
+        function loadContent() {
+            const content = JSON.parse(localStorage.getItem('userContent')) || [];
+            const contentList = document.getElementById('contentList');
+            contentList.innerHTML = ''; // Clear existing content
+
+            content.forEach(item => {
+                if (item.status === 'approved') {
+                    const contentElement = createContentElement(item);
+                    contentList.appendChild(contentElement);
+                }
+            });
+        }
+
+        // Update the createContentElement function
+        function createContentElement(item) {
+            const contentElement = document.createElement('div');
+            contentElement.className = 'content-item fade-in';
+            contentElement.innerHTML = `
+                <h3>${item.title}</h3>
+                <p><strong>Hospital/Clinic:</strong> ${item.location}</p>
+                <p><strong>Service Type:</strong> ${item.experienceType}</p>
+                <p><strong>Rating:</strong> ${item.rating} stars</p>
+                ${item.image ? `<img src="${item.image}" alt="${item.title}">` : ''}
+                <p>${item.text}</p>
+            `;
+            return contentElement;
+        }
+
+
+        // Function to save new content
+        function saveContent(item) {
+            const content = JSON.parse(localStorage.getItem('userContent')) || [];
+            content.unshift(item); // Add new content to the beginning of the array
+            localStorage.setItem('userContent', JSON.stringify(content));
+        }
+
+        // Function to load content for moderation
+        function loadModerationContent() {
+            const content = JSON.parse(localStorage.getItem('userContent')) || [];
+            const moderationList = document.getElementById('moderationList');
+            moderationList.innerHTML = ''; // Clear existing content
+
+            content.forEach((item, index) => {
+                if (item.status === 'pending') {
+                    const contentElement = createModerationContentElement(item, index);
+                    moderationList.appendChild(contentElement);
+                }
+            });
+        }
+
+function loadModerationContent() {
+    const content = JSON.parse(localStorage.getItem('userContent')) || [];
+    const moderationList = document.getElementById('moderationList');
+    moderationList.innerHTML = ''; // Clear existing content
+
+    content.forEach((item, index) => {
+        if (item.status === 'pending') {
+            const contentElement = createModerationContentElement(item, index);
+            moderationList.appendChild(contentElement);
+        }
+    });
+}
+
+        // Function to create a moderation content element
+   
+        function createModerationContentElement(item, index) {
+    const contentElement = document.createElement('div');
+    contentElement.className = 'content-item fade-in';
+    contentElement.innerHTML = `
+        <h3>${item.title}</h3>
+        <p><strong>Location:</strong> ${item.location}</p>
+        <p><strong>Type:</strong> ${item.experienceType}</p>
+        <p><strong>Rating:</strong> ${item.rating} stars</p>
+        ${item.image ? `<img src="${item.image}" alt="${item.title}">` : ''}
+        <p>${item.text}</p>
+        <div class="moderation-controls">
+            <button class="moderation-btn approve-btn" onclick="approveContent(${index})">Approve</button>
+            <button class="moderation-btn reject-btn" onclick="rejectContent(${index})">Reject</button>
+        </div>
+    `;
+    return contentElement;
+}
+
+        // Functions to approve and reject content
+        function approveContent(index) {
+            const content = JSON.parse(localStorage.getItem('userContent')) || [];
+            content[index].status = 'approved';
+            localStorage.setItem('userContent', JSON.stringify(content));
+            loadModerationContent();
+            loadContent();
+            showNotification('Content approved successfully!');
+        }
+
+
+
+        function rejectContent(index) {
+            const content = JSON.parse(localStorage.getItem('userContent')) || [];
+            content.splice(index, 1);
+            localStorage.setItem('userContent', JSON.stringify(content));
+            loadModerationContent();
+            showNotification('Content rejected and removed.');
+        }
+        
+
+        // Event listener for content form submission
+        document.getElementById('contentForm').addEventListener('submit', function(e) {
+    e.preventDefault();
+    
+    const title = document.getElementById('contentTitle').value;
+    const location = document.getElementById('contentLocation').value;
+    const experienceType = document.getElementById('contentType').value;
+    const text = document.getElementById('contentText').value;
+    const rating = document.querySelector('input[name="rating"]:checked').value;
+    const imageFile = document.getElementById('contentImage').files[0];
+
+    const newContent = { 
+        type: 'experience',
+        title, 
+        location, 
+        experienceType, 
+        text,
+        rating,
+        status: 'pending'
+    };
+
+            if (imageFile) {
+                const reader = new FileReader();
+                reader.onloadend = function() {
+                    newContent.image = reader.result;
+                    saveContent(newContent);
+                    showNotification('Experience submitted for moderation!');
+                    loadModerationContent();
+                    e.target.reset();
+                }
+                reader.readAsDataURL(imageFile);
+            } else {
+                saveContent(newContent);
+                showNotification('Experience submitted for moderation!');
+                loadModerationContent();
+                e.target.reset();
+            }
+        });
+
+        // Function to show notification
+        function showNotification(message) {
+            const notification = document.createElement('div');
+            notification.textContent = message;
+            notification.style.position = 'fixed';
+            notification.style.top = '20px';
+            notification.style.right = '20px';
+            notification.style.backgroundColor = 'var(--secondary-color)';
+            notification.style.color = 'white';
+            notification.style.padding = '10px 20px';
+            notification.style.borderRadius = '5px';
+            notification.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';
+            notification.style.zIndex = '1000';
+            notification.style.opacity = '0';
+            notification.style.transition = 'opacity 0.3s ease';
+
+            document.body.appendChild(notification);
+
+            // Fade in
+            setTimeout(() => {
+                notification.style.opacity = '1';
+            }, 10);
+
+            // Fade out and remove
+            setTimeout(() => {
+                notification.style.opacity = '0';
+                setTimeout(() => {
+                    document.body.removeChild(notification);
+                }, 300);
+            }, 3000);
+        }
+
+        // Initialize page
+        window.addEventListener('load', () => {
+            setupTabs();
+            loadContent();
+            loadModerationContent();
+        });
+
+        // Handle hamburger menu
+        document.addEventListener("DOMContentLoaded", function () {
+            const hamburger = document.getElementById("hamburger");
+            const navList = document.getElementById("nav-list");
+            const closeBtn = document.getElementById("closeBtn");
+
+            hamburger.addEventListener("click", function () {
+                navList.classList.toggle("active");
+            });
+
+            closeBtn.addEventListener("click", function () {
+                navList.classList.remove("active");
+            });
+        });
+
+        // Handle dark mode toggle
+        const modeToggle = document.getElementById('modeToggle');
+        const body = document.body;
+
+        modeToggle.addEventListener('click', () => {
+            body.classList.toggle('dark-mode');
+            if (body.classList.contains('dark-mode')) {
+                modeToggle.innerHTML = '🌙';
+                localStorage.setItem('darkMode', 'enabled');
+            } else {
+                modeToggle.innerHTML = '☀️';
+                localStorage.setItem('darkMode', 'disabled');
+            }
+        });
+
+        // Check for saved dark mode preference
+        if (localStorage.getItem('darkMode') === 'enabled') {
+            body.classList.add('dark-mode');
+            modeToggle.innerHTML = '🌙';
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file

From 9e89f84c57ae574a934990da740b576a0c29087b Mon Sep 17 00:00:00 2001
From: Varsha Dewangan <140236223+Varsha-1605@users.noreply.github.com>
Date: Sat, 19 Oct 2024 00:49:25 +0530
Subject: [PATCH 07/20] updated!

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

diff --git a/index.html b/index.html
index 46140ab..ffab00b 100644
--- a/index.html
+++ b/index.html
@@ -167,7 +167,7 @@
                 <a href="#services">Services</a>
                 <a href="#contact">Contact</a>
                 <a href="blog.html">Blogs</a>
-                <a href="reviews.html">Discussion</a>
+                <a href="reviews.html">Share Experience</a>
                 <a href="nearby.html">Nearby</a>
 
 

From 65f92be1b0564116b1dff2c90b963a17567f8129 Mon Sep 17 00:00:00 2001
From: ashmita <ashmita200418@gmail.com>
Date: Sat, 19 Oct 2024 10:17:53 +0530
Subject: [PATCH 08/20] i have decreased the size of icons and have changed its
 background color

---
 MedicalBot/favicon.svg |  11 +++
 MedicalBot/style.css   | 184 +++++++++++++++++++++++++++++++++++++++++
 index.html             |  53 +++++++++---
 3 files changed, 237 insertions(+), 11 deletions(-)
 create mode 100644 MedicalBot/favicon.svg

diff --git a/MedicalBot/favicon.svg b/MedicalBot/favicon.svg
new file mode 100644
index 0000000..e98e4eb
--- /dev/null
+++ b/MedicalBot/favicon.svg
@@ -0,0 +1,11 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3_2)">
+<rect width="36" height="36" rx="8" fill="#33334F"/>
+<path d="M12.752 28.196C11.7813 28.196 11.296 27.7013 11.296 26.712V9.744C11.296 8.75467 11.7907 8.26 12.78 8.26H19.472C21.6 8.26 23.2427 8.77333 24.4 9.8C25.5573 10.808 26.136 12.2267 26.136 14.056C26.136 15.5307 25.744 16.744 24.96 17.696C24.176 18.6293 23.0653 19.2547 21.628 19.572C22.524 19.8707 23.28 20.5893 23.896 21.728L26.304 26.208C26.584 26.712 26.64 27.1693 26.472 27.58C26.304 27.9907 25.9213 28.196 25.324 28.196C24.9133 28.196 24.5773 28.112 24.316 27.944C24.0547 27.776 23.8307 27.5053 23.644 27.132L20.704 21.7C20.312 20.972 19.8547 20.4867 19.332 20.244C18.828 19.9827 18.1747 19.852 17.372 19.852H14.208V26.712C14.208 27.7013 13.7227 28.196 12.752 28.196ZM14.208 17.668H18.996C21.8707 17.668 23.308 16.4827 23.308 14.112C23.308 11.76 21.8707 10.584 18.996 10.584H14.208V17.668Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3_2">
+<rect width="36" height="36" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/MedicalBot/style.css b/MedicalBot/style.css
index 158a1cb..4a4022c 100644
--- a/MedicalBot/style.css
+++ b/MedicalBot/style.css
@@ -9,6 +9,190 @@
 body {
   background: #E3F2FD;
 }
+.footer-brand { width: 100%; }
+
+  .footer-text { max-width: 400px; }
+
+  .footer-bottom {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+    align-items: center;
+    padding-block: 30px;
+    box-shadow: var(--shadow-1);
+  }
+
+  .social-list { margin-bottom: 0; }
+
+}
+
+
+
+
+
+/**
+ * responsive for large than 992px screen
+ */
+
+@media (min-width: 992px) {
+
+  /**
+   * REUSED STYLE
+   */
+
+  .container { max-width: 960px; }
+
+
+
+  /**
+   * HERO
+   */
+
+  .hero .container { width: 100%; }
+
+
+
+  /**
+   * BLOG
+   */
+
+  .blog .has-scrollbar { padding-bottom: 50px; }
+
+  .blog .has-scrollbar > li { max-width: 450px; }
+
+
+
+  /**
+   * FOOTER
+   */
+
+  .footer-list:not(:last-of-type) { width: 25%; }
+
+  .footer-list:last-of-type { width: 50%; }
+
+}
+
+
+
+
+
+/**
+ * responsive for large than 1200px screen
+ */
+
+@media (min-width: 1200px) {
+
+  /**
+   * CUSTOM PROPERTY
+   */
+
+  :root {
+
+    /**
+     * typography
+     */
+
+    --fs-1: 2.875rem;
+    --fs-2: 2rem;
+
+  }
+
+
+
+  /**
+   * REUSED STYLE
+   */
+
+  .container { max-width: 1170px; }
+
+
+
+
+  /**
+   * HEADER
+   */
+
+  .overlay,
+  .nav-toggle-btn { display: none; }
+
+  .navbar,
+  .navbar.active { all: unset; }
+
+  .navbar-link {
+    margin-bottom: 0;
+    font-weight: var(--fw-600);
+  }
+
+  .navbar-list {
+    display: flex;
+    gap: 50px;
+  }
+
+
+
+  /**
+   * HERO
+   */
+
+  .hero { min-height: 100vh; }
+
+  .hero-banner {
+    left: auto;
+    right: 50px;
+    width: 630px;
+  }
+
+  .hero-form { max-width: 900px; }
+
+  .hero-form .btn {
+    --width: calc(100% - 40px);
+    --height: 50px;
+    margin: 20px;
+    text-transform: uppercase;
+  }
+
+
+
+  /**
+   * FEATURED CAR 
+   */
+
+  .featured-car-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+
+
+
+  /**
+   * GET START
+   */
+
+  .get-start-list { grid-template-columns: repeat(4, 1fr); }
+
+
+
+  /**
+   * BLOG
+   */
+
+  .blog .has-scrollbar > li {
+    max-width: 340px;
+    scroll-snap-align: center;
+  }
+
+
+
+  /**
+   * FOOTER
+   */
+
+  .footer-brand { width: 33.33%; }
+
+  .footer-text { max-width: 35ch; }
+
+  .footer-list:not(:last-of-type) { width: 16.66%; }
+
+  .footer-list:last-of-type { width: 33.33%; }
+
+}
 .chatbot-toggler {
     position: fixed;
     bottom: 30px;
diff --git a/index.html b/index.html
index 23ea2fd..58d72ea 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,11 @@
         <link rel="icon" href="img/favicon.png" type="image/png">
         <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+        <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&amp;family=Open+Sans&amp;display=swap" rel="stylesheet">
+        <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
         <title>Swasthya Point</title>
         <style>
         body {
@@ -848,18 +853,44 @@ <h5 class="text-xl font-semibold hover:text-blue-400">Aligarh</h5>
         <script>
             AOS.init();
         </script>
+        <footer style="background-color: black;">
+        
+
+
+<ul class="social-list" style="display: flex; margin-left: 1310px;">
+
+
+  <li>
+    <a href="#" class="social-link">
+        <i class="fa-brands fa-twitter fa-xl" style="color: #ffffff;"></i>
+    </a>
+  </li>
+
+  <li>
+    <a href="#" class="social-link">
+        <i class="fa-brands fa-linkedin fa-xl" style="color: #ffffff;"></i>
+    </a>
+  </li>
+
+  <li>
+    <a href="#" class="social-link">
+        <i class="fa-brands fa-github fa-xl" style="color: #ffffff;"></i>
+    </a>
+  </li>
+
+ 
+
+</ul>
+
+
+
+</div>
+
+</div>
+</footer>
+
    
 
     </body>
-    <div class="follow-us">
-        <a href="https://www.linkedin.com/in/tushar1504/" target="_blank" style="--iconbg:#007AB9;">
-            <img src="https://cdn-icons-png.flaticon.com/128/145/145807.png" alt="LinkedIn Logo" />
-        </a>
-        <a href="https://x.com/tushargupta1504" target="_blank" style="--iconbg:#01A9F4;">
-            <img src="https://cdn-icons-png.flaticon.com/128/3670/3670151.png" alt="Twitter Logo" />
-        </a>
-        <a href="https://github.com/tushargupta1504" target="_blank" style="--iconbg:#5C6BC0;" >
-            <img src="https://cdn-icons-png.flaticon.com/128/733/733553.png" alt="GitHub Logo" />
-        </a>
-    </div>
+   
 </html>

From ced3f783f6fdf2897b2d5fbaa1ef95f4a4831072 Mon Sep 17 00:00:00 2001
From: ashmita <ashmita200418@gmail.com>
Date: Sat, 19 Oct 2024 10:34:15 +0530
Subject: [PATCH 09/20] i have changed the look of footer section

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

diff --git a/index.html b/index.html
index 58d72ea..3f73ae0 100644
--- a/index.html
+++ b/index.html
@@ -734,22 +734,21 @@ <h1 class="mb-4">Have Any Query? Please Contact Us!</h1>
             <div class="container mx-auto">
                 <div class="row py-4 flex justify-center">
                     <div class="col-md-5 text-white hover:text-blue-400">
-                        <h5 class="text-xl font-semibold hover:text-blue-400">Medical</h5>
-                        <p class="hover:text-blue-300">Putting your health first. Connect with top-tier healthcare providers, receive personalized treatment recommendations, and manage your health journey effortlessly.</p>
+                        <h5 class="text-xl font-semibold hover:text-blue-400" style="font-size: 20px;">Medical</h5><br>
+                        <p class="hover:text-blue-300">Prioritize your health<br> with top healthcare providers,<br> personalized treatments, and <br>easy management of your health journey.</p>
                     </div>
                     <div class="col-md-4 text-white hover:text-blue-400">
                         <h5 class="text-xl font-semibold hover:text-blue-400">New York</h5>
                         <p class="hover:text-blue-300">
-                            709 Honey Creek Dr. <br> Delhi <br> NY 10028
+                            709 Honey Creek Dr, Delhi  NY 10028,1-888-299-2000,medical.in
                         </p>
-                        <p class="hover:text-blue-300">1-888-299-2000 <br> medical.in</p>
-                    </div>
-                    <div class="col-md-3 text-white hover:text-blue-400">
-                        <h5 class="text-xl font-semibold hover:text-blue-400">Aligarh</h5>
+                        
+                    
+                        <h2 class="text-xl font-semibold hover:text-blue-400">Aligarh</h2>
                         <p class="hover:text-blue-300">
-                            4851 Willow Greene Drive <br> Montgomery <br> AL 36109
+                            4851 Willow Greene Drive Montgomery AL 36109,1-888-299-2000,med
                         </p>
-                        <p class="hover:text-blue-300">1-888-299-2000 <br> med</p>
+                        
                     </div>
                 </div>
             </div>

From f3f81954c67b384ee51a2a72de19aa81d4d3d5a3 Mon Sep 17 00:00:00 2001
From: ashmita <ashmita200418@gmail.com>
Date: Sat, 19 Oct 2024 10:45:53 +0530
Subject: [PATCH 10/20] i have changed the look of footer section

---
 MedicalBot/style.css | 183 -------------------------------------------
 1 file changed, 183 deletions(-)

diff --git a/MedicalBot/style.css b/MedicalBot/style.css
index 4a4022c..57f5f60 100644
--- a/MedicalBot/style.css
+++ b/MedicalBot/style.css
@@ -9,190 +9,7 @@
 body {
   background: #E3F2FD;
 }
-.footer-brand { width: 100%; }
 
-  .footer-text { max-width: 400px; }
-
-  .footer-bottom {
-    display: flex;
-    flex-direction: row-reverse;
-    justify-content: space-between;
-    align-items: center;
-    padding-block: 30px;
-    box-shadow: var(--shadow-1);
-  }
-
-  .social-list { margin-bottom: 0; }
-
-}
-
-
-
-
-
-/**
- * responsive for large than 992px screen
- */
-
-@media (min-width: 992px) {
-
-  /**
-   * REUSED STYLE
-   */
-
-  .container { max-width: 960px; }
-
-
-
-  /**
-   * HERO
-   */
-
-  .hero .container { width: 100%; }
-
-
-
-  /**
-   * BLOG
-   */
-
-  .blog .has-scrollbar { padding-bottom: 50px; }
-
-  .blog .has-scrollbar > li { max-width: 450px; }
-
-
-
-  /**
-   * FOOTER
-   */
-
-  .footer-list:not(:last-of-type) { width: 25%; }
-
-  .footer-list:last-of-type { width: 50%; }
-
-}
-
-
-
-
-
-/**
- * responsive for large than 1200px screen
- */
-
-@media (min-width: 1200px) {
-
-  /**
-   * CUSTOM PROPERTY
-   */
-
-  :root {
-
-    /**
-     * typography
-     */
-
-    --fs-1: 2.875rem;
-    --fs-2: 2rem;
-
-  }
-
-
-
-  /**
-   * REUSED STYLE
-   */
-
-  .container { max-width: 1170px; }
-
-
-
-
-  /**
-   * HEADER
-   */
-
-  .overlay,
-  .nav-toggle-btn { display: none; }
-
-  .navbar,
-  .navbar.active { all: unset; }
-
-  .navbar-link {
-    margin-bottom: 0;
-    font-weight: var(--fw-600);
-  }
-
-  .navbar-list {
-    display: flex;
-    gap: 50px;
-  }
-
-
-
-  /**
-   * HERO
-   */
-
-  .hero { min-height: 100vh; }
-
-  .hero-banner {
-    left: auto;
-    right: 50px;
-    width: 630px;
-  }
-
-  .hero-form { max-width: 900px; }
-
-  .hero-form .btn {
-    --width: calc(100% - 40px);
-    --height: 50px;
-    margin: 20px;
-    text-transform: uppercase;
-  }
-
-
-
-  /**
-   * FEATURED CAR 
-   */
-
-  .featured-car-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-
-
-
-  /**
-   * GET START
-   */
-
-  .get-start-list { grid-template-columns: repeat(4, 1fr); }
-
-
-
-  /**
-   * BLOG
-   */
-
-  .blog .has-scrollbar > li {
-    max-width: 340px;
-    scroll-snap-align: center;
-  }
-
-
-
-  /**
-   * FOOTER
-   */
-
-  .footer-brand { width: 33.33%; }
-
-  .footer-text { max-width: 35ch; }
-
-  .footer-list:not(:last-of-type) { width: 16.66%; }
-
-  .footer-list:last-of-type { width: 33.33%; }
-
-}
 .chatbot-toggler {
     position: fixed;
     bottom: 30px;

From ed69458c858069b44b7e3fee446b9ef950982042 Mon Sep 17 00:00:00 2001
From: Rishabh Kumar <rishabhgzp2004@gmail.com>
Date: Sat, 19 Oct 2024 11:08:33 +0530
Subject: [PATCH 11/20] making address ,call us now ,mail us now section more
 engaging.

---
 index.html | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index e574e99..ccd637c 100644
--- a/index.html
+++ b/index.html
@@ -534,23 +534,23 @@ <h2 class="text-5xl text-sky-900  font-bold mb-6">Contact Us</h2>
                 <div class="container-xxl py-5">
                     <div class="container">
                         <div class="row g-4">
-                            <div class="col-lg-4">
-                                <div class="h-100 bg-light rounded d-flex align-items-center p-5">
-                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white"
+                            <div class="col-lg-4 text-[15px]">
+                                <div class="h-100 bg-light rounded d-flex align-items-center p-5 transition transform hover:scale-105 hover:shadow-lg hover:bg-gray-100">
+                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
                                         style="width: 55px; height: 55px;">
-                                        <i class="fa fa-map-marker-alt text-primary"></i>
+                                        <i class="fa fa-map-marker-alt text-primary text-[15px]"></i>
                                     </div>
                                     <div class="ms-4">
-                                        <p class="mb-2">Address</p>
+                                        <p class="mb-2 ">Address</p>
                                         <h5 class="mb-0">Swasthya Point Delhi, India</h5>
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-lg-4">
-                                <div class="h-100 bg-light rounded d-flex align-items-center p-5">
-                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white"
+                            <div class="col-lg-4 text-[15px]">
+                                <div class="h-100 bg-light rounded d-flex align-items-center p-5 transition transform hover:scale-105 hover:shadow-lg hover:bg-gray-100">
+                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
                                         style="width: 55px; height: 55px;">
-                                        <i class="fa fa-phone-alt text-primary"></i>
+                                        <i class="fa fa-phone-alt text-primary text-[15px]"></i>
                                     </div>
                                     <div class="ms-4">
                                         <p class="mb-2">Call Us Now</p>
@@ -558,15 +558,15 @@ <h5 class="mb-0">+91 9876543210</h5>
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-lg-4">
-                                <div class="h-100 bg-light rounded d-flex align-items-center p-5">
-                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white"
+                            <div class="col-lg-4 text-[15px] hover:bg-gray-100 hover:shadow-lg transition duration-300 ease-in-out"">
+                                <div class="h-100 bg-light rounded d-flex align-items-center p-5 transition transform hover:scale-105 hover:shadow-lg hover:bg-gray-100">
+                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
                                         style="width: 55px; height: 55px;">
-                                        <i class="fa fa-envelope-open text-primary"></i>
+                                        <i class="fa fa-envelope-open text-primary text-[15px]"></i>
                                     </div>
                                     <div class="ms-4">
                                         <p class="mb-2">Mail Us Now</p>
-                                        <h5 class="mb-0"> swasthyapoint2024@gmail.com</h5>
+                                        <h5 class="mb-0 normal-case" > tusharg1540@gmail.com</h5>
                                     </div>
                                 </div>
                             </div>

From 15e9e5b881dfebca49a3d7c0a317125adb854a66 Mon Sep 17 00:00:00 2001
From: Varsha Dewangan <140236223+Varsha-1605@users.noreply.github.com>
Date: Sat, 19 Oct 2024 13:21:55 +0530
Subject: [PATCH 12/20] created blog page

---
 index.html          |    1 +
 write_own_blog.html | 1131 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 1132 insertions(+)
 create mode 100644 write_own_blog.html

diff --git a/index.html b/index.html
index c0b7ef0..a000566 100644
--- a/index.html
+++ b/index.html
@@ -172,6 +172,7 @@
                 <a href="#services">Services</a>
                 <a href="#contact">Contact</a>
                 <a href="blog.html">Blogs</a>
+                <a href="write_own_blog.html">Your blog</a>
                 <a href="reviews.html">Share Experience</a>
                 <a href="nearby.html">Nearby</a>
 
diff --git a/write_own_blog.html b/write_own_blog.html
new file mode 100644
index 0000000..214b799
--- /dev/null
+++ b/write_own_blog.html
@@ -0,0 +1,1131 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="img/favicon.png" type="image/png">
+    <title>Swasthya Point</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --primary-color: #3498db;
+            --secondary-color: #2ecc71;
+            --background-color: #f4f4f4;
+            --text-color: #333;
+            --card-bg: #ffffff;
+            --header-bg: #1a1a2e;
+            --header-text: #ffffff;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Poppins', sans-serif;
+            background-color: var(--background-color);
+            color: var(--text-color);
+            line-height: 1.6;
+        }
+
+/* Header styles */
+header {
+    background-color: #f9f9f9;
+    padding: 1rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    
+}
+
+.logo img {
+    height: 50px;
+    width: auto;
+}
+
+.navbar {
+    margin-top: 5px;
+    display: flex;
+    align-items: center;
+}
+
+.navbar a {
+    color: #333;
+    text-decoration: none;
+    padding: 0.5rem 1rem;
+    margin-left: 0.5rem;
+    transition: background-color 0.3s ease;
+}
+
+.navbar a:hover {
+    background-color: #ddd;
+    border-radius: 4px;
+}
+
+
+
+
+/* Responsive design */
+@media (max-width: 768px) {
+    header {
+        flex-direction: column;
+    }
+
+    .navbar {
+        margin-top: 1rem;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+    .navbar a {
+        margin: 0.25rem;
+    }
+}
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+
+
+        
+        .hamburger {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 1.5rem;
+            color: var(--header-text);
+            cursor: pointer;
+        }
+
+        main {
+            margin-top: 80px;
+            padding: 2rem 0;
+        }
+
+        .hero {
+            margin-top: 5px;
+            text-align: center;
+            padding: 4rem 0;
+            background: linear-gradient(135deg, #3498db, #2ecc71);
+            color: white;
+            margin-bottom: 2rem;
+            border-radius: 10px;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+        }
+
+        .hero h2 {
+            font-family: 'Playfair Display', serif;
+            font-size: 2.5rem;
+            margin-bottom: 1rem;
+            animation: fadeInUp 1s ease-out;
+        }
+
+        .hero p {
+            font-size: 1.2rem;
+            max-width: 600px;
+            margin: 0 auto;
+            animation: fadeInUp 1s ease-out 0.3s;
+            opacity: 0;
+            animation-fill-mode: forwards;
+        }
+
+        @keyframes fadeInUp {
+            from { 
+                opacity: 0; 
+                transform: translateY(20px); 
+            }
+            to { 
+                opacity: 1; 
+                transform: translateY(0); 
+            }
+        }
+
+        .cms-controls {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 2rem;
+        }
+
+        .cms-controls button {
+            background-color: var(--secondary-color);
+            color: white;
+            border: none;
+            padding: 0.7rem 1.5rem;
+            margin: 0 0.5rem;
+            border-radius: 25px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            font-weight: 500;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+
+        .cms-controls button:hover {
+            background-color: #27ae60;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+        }
+
+        .blog-filters {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 2rem;
+        }
+
+        .blog-filters select {
+            padding: 0.7rem;
+            margin: 0 0.5rem;
+            border: 1px solid #ddd;
+            border-radius: 25px;
+            background-color: white;
+            font-family: 'Poppins', sans-serif;
+            font-size: 0.9rem;
+            transition: all 0.3s ease;
+            cursor: pointer;
+        }
+
+        .blog-filters select:focus {
+            outline: none;
+            border-color: var(--primary-color);
+            box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
+        }
+
+        .blog-container {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 2rem;
+        }
+
+        .blog-post {
+            background-color: var(--card-bg);
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+            padding: 1.5rem;
+            transition: all 0.3s ease;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .blog-post:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
+        }
+
+        .blog-post h2 {
+            color: var(--primary-color);
+            margin-bottom: 1rem;
+            font-family: 'Playfair Display', serif;
+            font-size: 1.5rem;
+        }
+
+        .meta {
+            font-size: 0.9rem;
+            color: #777;
+            margin-bottom: 1rem;
+        }
+
+        .category {
+            display: inline-block;
+            background-color: var(--primary-color);
+            color: white;
+            padding: 0.2rem 0.8rem;
+            border-radius: 15px;
+            font-size: 0.8rem;
+            margin-bottom: 0.5rem;
+        }
+
+        .tags {
+            margin-bottom: 1rem;
+        }
+
+        .tag {
+            display: inline-block;
+            background-color: #e0e0e0;
+            color: #333;
+            padding: 0.2rem 0.5rem;
+            border-radius: 15px;
+            font-size: 0.8rem;
+            margin-right: 0.5rem;
+            margin-bottom: 0.5rem;
+            transition: background-color 0.3s ease;
+        }
+
+        .tag:hover {
+            background-color: #d0d0d0;
+        }
+
+        .content {
+            margin-bottom: 1rem;
+        }
+
+        .read-more {
+            display: inline-block;
+            margin-top: auto;
+            color: var(--primary-color);
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.3s ease;
+        }
+
+        .read-more:hover {
+            color: #2980b9;
+        }
+
+        .comments-section {
+            margin-top: 1.5rem;
+            border-top: 1px solid #eee;
+            padding-top: 1rem;
+        }
+
+        .comment {
+            background-color: #f9f9f9;
+            border-radius: 5px;
+            padding: 1rem;
+            margin-bottom: 1rem;
+            transition: all 0.3s ease;
+        }
+
+        .comment:hover {
+            background-color: #f0f0f0;
+        }
+
+        .comment-form textarea {
+            width: 100%;
+            padding: 0.8rem;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+            resize: vertical;
+            font-family: 'Poppins', sans-serif;
+            transition: all 0.3s ease;
+        }
+
+        .comment-form textarea:focus {
+            outline: none;
+            border-color: var(--primary-color);
+            box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
+        }
+
+        .comment-form button {
+            background-color: var(--primary-color);
+            color: white;
+            border: none;
+            padding: 0.7rem 1.5rem;
+            border-radius: 25px;
+            cursor: pointer;
+            margin-top: 0.5rem;
+            transition: all 0.3s ease;
+            font-weight: 500;
+        }
+
+        .comment-form button:hover {
+            background-color: #2980b9;
+            transform: translateY(-2px);
+        }
+
+        footer {
+            background-color: #002147;
+            color: var(--header-text);
+            padding: 0 0 0 0;
+            margin-top: 2rem; 
+        } 
+
+        .footer-container {
+            /* margin-top: 40px; */
+            display: flex;
+            justify-content:space-around;
+            flex-wrap: wrap;
+        }
+        .footer-column {
+            flex: 1;
+            margin-top: 30px;
+            margin-left: 100px;
+            margin-right: 20px;
+            /* margin-bottom: 1rem; */
+            min-width: 100px;
+            font-size: 30px;
+        }
+
+        .footer_deep {
+            font-size: 20px;
+            margin-top: 10px;
+            margin-bottom: 10px;
+        }
+
+        .footer-column h3 {
+            margin-bottom: 10px;
+            font-family: 'Playfair Display', serif;
+        }
+        
+
+
+        .footer-column a:hover {
+            color: var(--secondary-color);
+        }
+
+        .social-icons {
+            display: flex;
+            gap: 1rem;
+        }
+
+        .social-icons a {
+            color: var(--header-text);
+            font-size: 1.5rem;
+            transition: color 0.3s ease;
+        }
+
+        .social-icons a:hover {
+            color: var(--secondary-color);
+        }
+
+        .footer-bottom {
+            text-align: center;
+            padding-top: 2rem;
+            margin-top: 2rem;
+            border-top: 1px solid rgba(255,255,255,0.1);
+        }
+
+        @media (max-width: 768px) {
+            .hamburger {
+                display: block;
+            }
+
+            
+            .blog-container {
+                grid-template-columns: 1fr;
+            }
+
+            .footer-container {
+                flex-direction: column;
+            }
+        }
+
+        /* New styles for modals */
+        .modal {
+            display: none;
+            position: fixed;
+            z-index: 1000;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            overflow: auto;
+            background-color: rgba(0,0,0,0.4);
+            animation: fadeIn 0.3s;
+        }
+
+        @keyframes fadeIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+        }
+
+        .modal-content {
+            background-color: var(--card-bg);
+            margin: 10% auto;
+            padding: 2rem;
+            border-radius: 10px;
+            box-shadow: 0 4px 20px rgba(0,0,0,0.2);
+            width: 80%;
+            max-width: 600px;
+            animation: slideIn 0.3s;
+        }
+
+        @keyframes slideIn {
+            from { transform: translateY(-50px); opacity: 0; }
+            to { transform: translateY(0); opacity: 1; }
+        }
+
+        .modal-content h2 {
+            color: var(--primary-color);
+            margin-bottom: 1.5rem;
+            font-family: 'Playfair Display', serif;
+        }
+
+        .close {
+            color: #aaa;
+            float: right;
+            font-size: 28px;
+            font-weight: bold;
+            cursor: pointer;
+            transition: color 0.3s ease;
+        }
+
+        .close:hover,
+        .close:focus {
+            color: var(--primary-color);
+            text-decoration: none;
+        }
+
+        /* Form styles */
+        .modal-form input[type="text"],
+        .modal-form textarea {
+            width: 100%;
+            padding: 0.7rem;
+            margin-bottom: 1rem;
+            border: 1px solid #ddd;
+            border-radius: 5px;
+            font-family: 'Poppins', sans-serif;
+            transition: border-color 0.3s ease;
+        }
+
+        .modal-form input[type="text"]:focus,
+        .modal-form textarea:focus {
+            outline: none;
+            border-color: var(--primary-color);
+            box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
+        }
+
+        .modal-form button {
+            background-color: var(--primary-color);
+            color: white;
+            border: none;
+            padding: 0.7rem 1.5rem;
+            border-radius: 25px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            font-weight: 500;
+        }
+
+        .modal-form button:hover {
+            background-color: #2980b9;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        }
+
+        /* List styles for categories and tags */
+        .item-list {
+            list-style-type: none;
+            padding: 0;
+            margin-bottom: 1.5rem;
+        }
+
+        .item-list li {
+            background-color: #f9f9f9;
+            border-radius: 5px;
+            padding: 0.7rem 1rem;
+            margin-bottom: 0.5rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            transition: background-color 0.3s ease;
+        }
+
+        .item-list li:hover {
+            background-color: #f0f0f0;
+        }
+
+        .delete-btn {
+            background-color: #e74c3c;
+            color: white;
+            border: none;
+            padding: 0.3rem 0.7rem;
+            border-radius: 15px;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            font-size: 0.8rem;
+        }
+
+        .delete-btn:hover {
+            background-color: #c0392b;
+            transform: translateY(-1px);
+        }
+   
+    </style>
+</head>
+<body>
+    <header>
+        <a href="#" class="logo"><img src="img/swasthya-logo.png" alt="Swasthya Point"></a>
+        <nav class="navbar">
+            <a href="index.html">Home</a>
+            <a href="blog.html">Blogs</a>
+            <a href="nearby.html">Nearby</a>
+            <a href="appointment.html">Book Your Appointment</a>
+            <div class="dark-btn-navbar">
+                <label id="dark-change"></label>
+            </div>
+        </nav>
+    </header>
+
+    <main>
+        <section class="hero">
+            <h2>Discover Health Tips, Medical Insights, and Wellness Inspiration</h2>
+            <p>Welcome to the Swasthya Point Blog, your trusted source for all things health and wellness!</p>
+        </section>
+
+        <div class="container">
+            <div class="cms-controls">
+                <button id="newPostBtn">New Post</button>
+                <button id="manageCategoriesBtn">Manage Categories</button>
+                <button id="manageTagsBtn">Manage Tags</button>
+            </div>
+
+            <div class="blog-filters">
+                <select id="categoryFilter">
+                    <option value="">All Categories</option>
+                </select>
+                <select id="tagFilter">
+                    <option value="">All Tags</option>
+                </select>
+            </div>
+
+            <div class="blog-container">
+                <!-- Blog posts will be dynamically generated here -->
+            </div>
+        </div>
+    </main>
+    <footer>
+        <div class="footer-container">
+            <div class="footer-column">
+                <h3>Medical</h3>
+                <p class="footer_deep">Putting your health first. Connect with top-tier healthcare providers, receive personalized treatment recommendations, and manage your health journey effortlessly.</p>
+            </div>
+            <div class="footer-column">
+                <h3>New York</h3>
+                <div class="footer_deep">
+                    <p>709 Honey Creek Dr.</p>
+                    <p>Delhi</p>
+                    <p>NY 10028</p>
+                    <p>1-888-299-2000</p>
+                    <p><a href="https://medical.in">medical.in</a></p>
+                </div>
+            </div>
+            <div class="footer-column">
+                <h3>Aligarh</h3>
+                <div class="footer_deep">
+                    <p>4851 Willow Greene Drive</p>
+                    <p>Montgomery</p>
+                    <p>AL 36109</p>
+                    <p>1-888-299-2000</p>
+                    <p><a href="https://med.com">med.com</a></p>
+                </div>
+            </div>
+        </div>
+       
+    </footer>
+
+
+    <style></style>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/2.1.3/marked.min.js"></script>
+<script>
+// Initialize data in localStorage if it doesn't exist
+if (!localStorage.getItem('blogPosts')) {
+localStorage.setItem('blogPosts', JSON.stringify([
+    {
+        id: 1,
+        title: "10 Essential Health Tips for 2024",
+        content: "As we enter 2024, maintaining good health remains a top priority...",
+        author: "Dr. Sarah Johnson",
+        date: "May 15, 2024",
+        category: "Wellness",
+        tags: ["2024", "health", "tips"],
+        comments: []
+    },
+    // Add more sample posts here
+]));
+}
+
+if (!localStorage.getItem('categories')) {
+localStorage.setItem('categories', JSON.stringify(["Wellness", "Nutrition", "Mental Health", "Fitness", "Medical Advances"]));
+}
+
+if (!localStorage.getItem('tags')) {
+localStorage.setItem('tags', JSON.stringify(["2024", "health", "tips", "nutrition", "mental health", "fitness", "medical research"]));
+}
+
+// Function to get data from localStorage
+function getLocalData(key) {
+return JSON.parse(localStorage.getItem(key));
+}
+
+// Function to set data in localStorage
+function setLocalData(key, data) {
+localStorage.setItem(key, JSON.stringify(data));
+}
+
+function renderPosts() {
+const container = document.querySelector('.blog-container');
+container.innerHTML = '';
+const posts = getLocalData('blogPosts');
+
+posts.forEach(post => {
+    const article = document.createElement('article');
+    article.className = 'blog-post';
+    article.innerHTML = `
+        <h2>${post.title}</h2>
+        <div class="meta">Posted on ${post.date} by ${post.author}</div>
+        <div class="category">${post.category}</div>
+        <div class="tags">${post.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}</div>
+        <div class="content">
+            <p>${post.content.substring(0, 150)}...</p>
+        </div>
+        <a href="#" class="read-more" data-id="${post.id}">Read More</a>
+        <div class="comments-section">
+            <h3>Comments (${post.comments.length})</h3>
+            <div class="comments">
+                ${post.comments.slice(0, 2).map(comment => `
+                    <div class="comment">
+                        <p>${comment.text}</p>
+                        <small>${comment.date}</small>
+                    </div>
+                `).join('')}
+            </div>
+            <form class="comment-form" data-post-id="${post.id}">
+                <textarea placeholder="Add a comment"></textarea>
+                <button type="submit">Post Comment</button>
+            </form>
+        </div>
+    `;
+    container.appendChild(article);
+});
+
+// Add event listeners for read more links
+document.querySelectorAll('.read-more').forEach(link => {
+    link.addEventListener('click', (e) => {
+        e.preventDefault();
+        const postId = parseInt(e.target.getAttribute('data-id'));
+        viewFullPost(postId);
+    });
+});
+
+// Add event listeners for comment forms
+document.querySelectorAll('.comment-form').forEach(form => {
+    form.addEventListener('submit', (e) => {
+        e.preventDefault();
+        const postId = parseInt(e.target.getAttribute('data-post-id'));
+        const comment = e.target.querySelector('textarea').value;
+        addComment(postId, comment);
+        e.target.reset();
+    });
+});
+}
+
+function populateFilters() {
+const categoryFilter = document.getElementById('categoryFilter');
+const tagFilter = document.getElementById('tagFilter');
+const categories = getLocalData('categories');
+const tags = getLocalData('tags');
+
+categoryFilter.innerHTML = '<option value="">All Categories</option>';
+tagFilter.innerHTML = '<option value="">All Tags</option>';
+
+categories.forEach(category => {
+    const option = document.createElement('option');
+    option.value = category;
+    option.textContent = category;
+    categoryFilter.appendChild(option);
+});
+
+tags.forEach(tag => {
+    const option = document.createElement('option');
+    option.value = tag;
+    option.textContent = tag;
+    tagFilter.appendChild(option);
+});
+
+// Add event listeners for filters
+categoryFilter.addEventListener('change', filterPosts);
+tagFilter.addEventListener('change', filterPosts);
+}
+
+function filterPosts() {
+const selectedCategory = document.getElementById('categoryFilter').value;
+const selectedTag = document.getElementById('tagFilter').value;
+const posts = getLocalData('blogPosts');
+
+const filteredPosts = posts.filter(post => {
+    const categoryMatch = !selectedCategory || post.category === selectedCategory;
+    const tagMatch = !selectedTag || post.tags.includes(selectedTag);
+    return categoryMatch && tagMatch;
+});
+
+renderFilteredPosts(filteredPosts);
+}
+
+function renderFilteredPosts(filteredPosts) {
+const container = document.querySelector('.blog-container');
+container.innerHTML = '';
+
+filteredPosts.forEach(post => {
+    // Render filtered posts (similar to renderPosts function)
+    const article = document.createElement('article');
+    article.className = 'blog-post';
+    article.innerHTML = `
+        <h2>${post.title}</h2>
+        <div class="meta">Posted on ${post.date} by ${post.author}</div>
+        <div class="category">${post.category}</div>
+        <div class="tags">${post.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}</div>
+        <div class="content">
+            <p>${post.content.substring(0, 150)}...</p>
+        </div>
+        <a href="#" class="read-more" data-id="${post.id}">Read More</a>
+        <div class="comments-section">
+            <h3>Comments (${post.comments.length})</h3>
+            <div class="comments">
+                ${post.comments.slice(0, 2).map(comment => `
+                    <div class="comment">
+                        <p>${comment.text}</p>
+                        <small>${comment.date}</small>
+                    </div>
+                `).join('')}
+            </div>
+            <form class="comment-form" data-post-id="${post.id}">
+                <textarea placeholder="Add a comment"></textarea>
+                <button type="submit">Post Comment</button>
+            </form>
+        </div>
+    `;
+    container.appendChild(article);
+});
+
+// Re-add event listeners
+addEventListeners();
+}
+
+function viewFullPost(postId) {
+const posts = getLocalData('blogPosts');
+const post = posts.find(p => p.id === postId);
+if (post) {
+    const modal = document.createElement('div');
+    modal.className = 'modal';
+    modal.innerHTML = `
+        <div class="modal-content">
+            <span class="close">&times;</span>
+            <h2>${post.title}</h2>
+            <div class="meta">Posted on ${post.date} by ${post.author}</div>
+            <div class="category">${post.category}</div>
+            <div class="tags">${post.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}</div>
+            <div class="content">
+                <p>${post.content}</p>
+            </div>
+            <div class="comments-section">
+                <h3>Comments (${post.comments.length})</h3>
+                <div class="comments">
+                    ${post.comments.map(comment => `
+                        <div class="comment">
+                            <p>${comment.text}</p>
+                            <small>${comment.date}</small>
+                        </div>
+                    `).join('')}
+                </div>
+                <form class="comment-form" data-post-id="${post.id}">
+                    <textarea placeholder="Add a comment"></textarea>
+                    <button type="submit">Post Comment</button>
+                </form>
+            </div>
+        </div>
+    `;
+    document.body.appendChild(modal);
+
+    // Close modal when clicking on the close button or outside the modal
+    modal.querySelector('.close').addEventListener('click', () => {
+        document.body.removeChild(modal);
+    });
+    modal.addEventListener('click', (e) => {
+        if (e.target === modal) {
+            document.body.removeChild(modal);
+        }
+    });
+
+    // Add event listener for comment form in modal
+    modal.querySelector('.comment-form').addEventListener('submit', (e) => {
+        e.preventDefault();
+        const comment = e.target.querySelector('textarea').value;
+        addComment(postId, comment);
+        e.target.reset();
+    });
+}
+}
+
+function addComment(postId, commentText) {
+const posts = getLocalData('blogPosts');
+const postIndex = posts.findIndex(p => p.id === postId);
+if (postIndex !== -1) {
+    posts[postIndex].comments.push({
+        text: commentText,
+        date: new Date().toLocaleString()
+    });
+    setLocalData('blogPosts', posts);
+    renderPosts();
+}
+}
+
+function createNewPost() {
+            const modal = document.createElement('div');
+            modal.className = 'modal';
+            modal.innerHTML = `
+                <div class="modal-content">
+                    <span class="close">&times;</span>
+                    <h2>Create New Post</h2>
+                    <form id="newPostForm" class="modal-form">
+                        <input type="text" id="postTitle" placeholder="Enter post title" required>
+                        <textarea id="postContent" placeholder="Enter post content" required rows="5"></textarea>
+                        <input type="text" id="postAuthor" placeholder="Enter author name" required>
+                        <input type="text" id="postCategory" placeholder="Enter post category" required>
+                        <input type="text" id="postTags" placeholder="Enter tags (comma-separated)" required>
+                        <button type="submit">Create Post</button>
+                    </form>
+                </div>
+            `;
+            document.body.appendChild(modal);
+            modal.style.display = 'block';
+
+
+// Close modal when clicking on the close button or outside the modal
+modal.querySelector('.close').addEventListener('click', () => {
+    document.body.removeChild(modal);
+});
+modal.addEventListener('click', (e) => {
+    if (e.target === modal) {
+        document.body.removeChild(modal);
+    }
+});
+
+// Add event listener for form submission
+modal.querySelector('#newPostForm').addEventListener('submit', (e) => {
+    e.preventDefault();
+    const title = document.getElementById('postTitle').value;
+    const content = document.getElementById('postContent').value;
+    const author = document.getElementById('postAuthor').value;
+    const category = document.getElementById('postCategory').value;
+    const tags = document.getElementById('postTags').value.split(',').map(tag => tag.trim());
+
+    const posts = getLocalData('blogPosts');
+    const newPost = {
+        id: posts.length + 1,
+        title,
+        content,
+        author,
+        date: new Date().toLocaleDateString(),
+        category,
+        tags,
+        comments: []
+    };
+
+    posts.push(newPost);
+    setLocalData('blogPosts', posts);
+
+    // Update categories and tags
+    let categories = getLocalData('categories');
+    let allTags = getLocalData('tags');
+
+    if (!categories.includes(category)) {
+        categories.push(category);
+        setLocalData('categories', categories);
+    }
+
+    tags.forEach(tag => {
+        if (!allTags.includes(tag)) {
+            allTags.push(tag);
+        }
+    });
+    setLocalData('tags', allTags);
+
+    renderPosts();
+    populateFilters();
+    document.body.removeChild(modal);
+});
+}
+
+function manageCategories() {
+            const categories = getLocalData('categories');
+            const modal = document.createElement('div');
+            modal.className = 'modal';
+            modal.innerHTML = `
+                <div class="modal-content">
+                    <span class="close">&times;</span>
+                    <h2>Manage Categories</h2>
+                    <ul id="categoryList" class="item-list">
+                        ${categories.map(category => `<li>${category} <button class="delete-btn delete-category" data-category="${category}">Delete</button></li>`).join('')}
+                    </ul>
+                    <form id="addCategoryForm" class="modal-form">
+                        <input type="text" id="newCategory" placeholder="Enter new category" required>
+                        <button type="submit">Add Category</button>
+                    </form>
+                </div>
+            `;
+            document.body.appendChild(modal);
+            modal.style.display = 'block';
+
+// Close modal when clicking on the close button or outside the modal
+modal.querySelector('.close').addEventListener('click', () => {
+    document.body.removeChild(modal);
+});
+modal.addEventListener('click', (e) => {
+    if (e.target === modal) {
+        document.body.removeChild(modal);
+    }
+});
+
+// Add event listener for adding new category
+modal.querySelector('#addCategoryForm').addEventListener('submit', (e) => {
+    e.preventDefault();
+    const newCategory = document.getElementById('newCategory').value;
+    if (!categories.includes(newCategory)) {
+        categories.push(newCategory);
+        setLocalData('categories', categories);
+        populateFilters();
+        document.body.removeChild(modal);
+        manageCategories(); // Reopen the modal with updated list
+                }
+            });
+
+            // Add event listeners for deleting categories
+            modal.querySelectorAll('.delete-category').forEach(button => {
+                button.addEventListener('click', (e) => {
+                    const categoryToDelete = e.target.getAttribute('data-category');
+                    const updatedCategories = categories.filter(category => category !== categoryToDelete);
+                    setLocalData('categories', updatedCategories);
+                    populateFilters();
+                    document.body.removeChild(modal);
+                    manageCategories(); // Reopen the modal with updated list
+                });
+            });
+        }
+
+        function manageTags() {
+            const tags = getLocalData('tags');
+            const modal = document.createElement('div');
+            modal.className = 'modal';
+            modal.innerHTML = `
+                <div class="modal-content">
+                    <span class="close">&times;</span>
+                    <h2>Manage Tags</h2>
+                    <ul id="tagList" class="item-list">
+                        ${tags.map(tag => `<li>${tag} <button class="delete-btn delete-tag" data-tag="${tag}">Delete</button></li>`).join('')}
+                    </ul>
+                    <form id="addTagForm" class="modal-form">
+                        <input type="text" id="newTag" placeholder="Enter new tag" required>
+                        <button type="submit">Add Tag</button>
+                    </form>
+                </div>
+            `;
+            document.body.appendChild(modal);
+            modal.style.display = 'block';
+            // Close modal when clicking on the close button or outside the modal
+            modal.querySelector('.close').addEventListener('click', () => {
+                document.body.removeChild(modal);
+            });
+            modal.addEventListener('click', (e) => {
+                if (e.target === modal) {
+                    document.body.removeChild(modal);
+                }
+            });
+
+            // Add event listener for adding new tag
+            modal.querySelector('#addTagForm').addEventListener('submit', (e) => {
+                e.preventDefault();
+                const newTag = document.getElementById('newTag').value;
+                if (!tags.includes(newTag)) {
+                    tags.push(newTag);
+                    setLocalData('tags', tags);
+                    populateFilters();
+                    document.body.removeChild(modal);
+                    manageTags(); // Reopen the modal with updated list
+                }
+            });
+
+            // Add event listeners for deleting tags
+            modal.querySelectorAll('.delete-tag').forEach(button => {
+                button.addEventListener('click', (e) => {
+                    const tagToDelete = e.target.getAttribute('data-tag');
+                    const updatedTags = tags.filter(tag => tag !== tagToDelete);
+                    setLocalData('tags', updatedTags);
+                    populateFilters();
+                    document.body.removeChild(modal);
+                    manageTags(); // Reopen the modal with updated list
+                });
+            });
+        }
+
+        // UI Enhancements and Animations
+        function addUIEnhancements() {
+            // Smooth scrolling for anchor links
+            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+                anchor.addEventListener('click', function (e) {
+                    e.preventDefault();
+                    document.querySelector(this.getAttribute('href')).scrollIntoView({
+                        behavior: 'smooth'
+                    });
+                });
+            });
+
+            // Fade in blog posts on scroll
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        entry.target.classList.add('fade-in');
+                    }
+                });
+            }, { threshold: 0.1 });
+
+            document.querySelectorAll('.blog-post').forEach(post => {
+                observer.observe(post);
+            });
+
+            // Add hover effect to blog posts
+            document.querySelectorAll('.blog-post').forEach(post => {
+                post.addEventListener('mouseenter', () => {
+                    post.style.transform = 'translateY(-5px)';
+                    post.style.boxShadow = '0 6px 12px rgba(0,0,0,0.15)';
+                });
+                post.addEventListener('mouseleave', () => {
+                    post.style.transform = 'translateY(0)';
+                    post.style.boxShadow = '0 4px 6px rgba(0,0,0,0.1)';
+                });
+            });
+
+            // Add parallax effect to hero section
+            window.addEventListener('scroll', () => {
+                const hero = document.querySelector('.hero');
+                const scrollPosition = window.pageYOffset;
+                hero.style.backgroundPositionY = `${scrollPosition * 0.5}px`;
+            });
+        }
+
+        // Mobile menu toggle
+        function setupMobileMenu() {
+            const hamburger = document.getElementById('hamburger');
+            const navList = document.getElementById('nav-list');
+
+            hamburger.addEventListener('click', () => {
+                navList.classList.toggle('show');
+            });
+        }
+
+        // Header scroll effect
+        function setupHeaderScroll() {
+            const header = document.querySelector('header');
+            window.addEventListener('scroll', () => {
+                if (window.scrollY > 50) {
+                    header.classList.add('scrolled');
+                } else {
+                    header.classList.remove('scrolled');
+                }
+            });
+        }
+
+        // Initialize the blog
+        function initializeBlog() {
+            renderPosts();
+            populateFilters();
+            addUIEnhancements();
+            setupMobileMenu();
+            setupHeaderScroll();
+        }
+
+        // CMS control functions
+        document.getElementById('newPostBtn').addEventListener('click', createNewPost);
+        document.getElementById('manageCategoriesBtn').addEventListener('click', manageCategories);
+        document.getElementById('manageTagsBtn').addEventListener('click', manageTags);
+
+        // Initialize the blog when the DOM is fully loaded
+        document.addEventListener('DOMContentLoaded', initializeBlog);
+    </script>
+</body>
+</html>
\ No newline at end of file

From 78ac6018226eeedf3e8319987a62b33ddc8db534 Mon Sep 17 00:00:00 2001
From: Aditya NV <138525577+Aditya-NV-06@users.noreply.github.com>
Date: Sat, 19 Oct 2024 15:56:41 +0530
Subject: [PATCH 13/20] Create greeting.yml

---
 .github/workflows/greeting.yml | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 .github/workflows/greeting.yml

diff --git a/.github/workflows/greeting.yml b/.github/workflows/greeting.yml
new file mode 100644
index 0000000..547b0bd
--- /dev/null
+++ b/.github/workflows/greeting.yml
@@ -0,0 +1,17 @@
+name: "Greeting for the contributors"
+
+on: [pull_request_target,issues]
+
+jobs: 
+   welcome-new-contributor:
+      runs-on: ubuntu-latest
+      permissions:
+        issue: write
+        pull-requests: write
+      steps:
+        - name:'Greeting to the contributor'
+        - uses: actions/first-interaction@v1
+        with: 
+          repo-token: ${{secrets.Github_TOKEN}}
+          issue-message: "👋 Thank you for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!"
+          pr-message: " 🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better"

From 275de6a5f94424d3ea3602fe0de0a67913190689 Mon Sep 17 00:00:00 2001
From: Aditya NV <138525577+Aditya-NV-06@users.noreply.github.com>
Date: Sat, 19 Oct 2024 16:00:01 +0530
Subject: [PATCH 14/20] Update greeting.yml

---
 .github/workflows/greeting.yml | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/.github/workflows/greeting.yml b/.github/workflows/greeting.yml
index 547b0bd..ff7fb64 100644
--- a/.github/workflows/greeting.yml
+++ b/.github/workflows/greeting.yml
@@ -1,17 +1,16 @@
-name: "Greeting for the contributors"
+name: Greetings
 
-on: [pull_request_target,issues]
+on: [pull_request_target, issues]
 
-jobs: 
-   welcome-new-contributor:
-      runs-on: ubuntu-latest
-      permissions:
-        issue: write
-        pull-requests: write
-      steps:
-        - name:'Greeting to the contributor'
-        - uses: actions/first-interaction@v1
-        with: 
-          repo-token: ${{secrets.Github_TOKEN}}
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+      - uses: actions/first-interaction@v1
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
           issue-message: "👋 Thank you for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!"
           pr-message: " 🎉 Thank you for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better"

From fe8134dae6a1321f0933b604f38e1787bc16ab29 Mon Sep 17 00:00:00 2001
From: Aditya NV <138525577+Aditya-NV-06@users.noreply.github.com>
Date: Sat, 19 Oct 2024 16:30:23 +0530
Subject: [PATCH 15/20] Update issueLabel.yml

---
 .github/workflows/issueLabel.yml | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/issueLabel.yml b/.github/workflows/issueLabel.yml
index 39792a6..16b336a 100644
--- a/.github/workflows/issueLabel.yml
+++ b/.github/workflows/issueLabel.yml
@@ -1,16 +1,18 @@
-name: issue labeler workflow
-
+# .github/workflows/issue-labeler.yml
+name: "Issue Labeler"
 on:
   issues:
-    types: ["opened"]
+    types: [opened, edited]
+
+permissions:
+  issues: write
+  contents: read
 
 jobs:
-  Issue-Labeler:
-    name: issue labeler
+  triage:
     runs-on: ubuntu-latest
     steps:
-      - uses: Renato66/auto-label@v2.3.0
+      - uses: github/issue-labeler@v3.3
         with:
+          configuration-path: .github/issue-labeler.yml
           repo-token: ${{ secrets.GITHUB_TOKEN }}
-          ignore-comments: true
-          default-labels: '["Triage"]'

From e837b275a0080373550dff48281ca940ba9c4da9 Mon Sep 17 00:00:00 2001
From: Aditya NV <138525577+Aditya-NV-06@users.noreply.github.com>
Date: Sat, 19 Oct 2024 16:31:53 +0530
Subject: [PATCH 16/20] Create issue-labeler.yml

---
 .github/issue-labeler.yml | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 .github/issue-labeler.yml

diff --git a/.github/issue-labeler.yml b/.github/issue-labeler.yml
new file mode 100644
index 0000000..2c3034a
--- /dev/null
+++ b/.github/issue-labeler.yml
@@ -0,0 +1,14 @@
+
+labels:
+  bug:
+    - "bug"
+    - "error"
+    - "fail"
+  enhancement:
+    - "enhancement"
+    - "feature"
+    - "improvement"
+  documentation:
+    - "docs"
+    - "documentation"
+    - "readme"

From 10cdc883e48b991ea8563583ad7b6a207a81bafd Mon Sep 17 00:00:00 2001
From: Aditya NV <138525577+Aditya-NV-06@users.noreply.github.com>
Date: Sat, 19 Oct 2024 17:12:48 +0530
Subject: [PATCH 17/20] Removed the discord link

Make sure to add or remove the discord link section for this repo
---
 Readme.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Readme.md b/Readme.md
index 2d1653d..153ff91 100644
--- a/Readme.md
+++ b/Readme.md
@@ -19,7 +19,7 @@ Our platform revolutionizes healthcare by offering **online medical consultation
 <table border="1">
   <tr>
       <td><img src="https://github.com/user-attachments/assets/82287ad0-2c5f-419f-ae49-5283fcc6fcfd" alt="Discord Logo" width="50"></td>
-      <td><a href="https://discord.gg/FZxBRpTEeH"> Join our Official Discord Server </a></td>
+      <td><a href=""> Join our Official Discord Server </a></td>
   </tr>
 </table>
 

From 103b98fe9f0f6aa8e7cab9ddf3a882a684860dea Mon Sep 17 00:00:00 2001
From: Subhajit-2023-44 <subhajit2006patra@gmail.com>
Date: Sun, 20 Oct 2024 16:12:36 +0530
Subject: [PATCH 18/20] done

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

diff --git a/index.html b/index.html
index c0b7ef0..eae04b1 100644
--- a/index.html
+++ b/index.html
@@ -915,7 +915,8 @@ <h2 class="text-xl font-semibold hover:text-blue-400">Aligarh</h2>
 </div>
 </footer>
 
-   
+<script> window.chtlConfig = { chatbotId: "7945237894" } </script>
+<script async data-id="7945237894" id="chatling-embed-script" type="text/javascript" src="https://chatling.ai/js/embed.js"></script>
 
     </body>
    

From 337c08172ca4c712f1376071c7a143876df16db1 Mon Sep 17 00:00:00 2001
From: smog-root <machha.shashank@gmail.com>
Date: Sun, 20 Oct 2024 21:21:08 +0530
Subject: [PATCH 19/20] Implement GitHub PR Issue Checker Workflow

---
 .github/workflows/pr-checker.yaml | 58 +++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 .github/workflows/pr-checker.yaml

diff --git a/.github/workflows/pr-checker.yaml b/.github/workflows/pr-checker.yaml
new file mode 100644
index 0000000..52f6dda
--- /dev/null
+++ b/.github/workflows/pr-checker.yaml
@@ -0,0 +1,58 @@
+name: PR Issue Checker
+# Created by @smog-root.
+on:
+  pull_request:
+    types: [opened, edited]
+
+jobs:
+  check_pr_details:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v2
+
+      - name: Set up Python
+        uses: actions/setup-python@v2
+        with:
+          python-version: '3.x'
+
+      - name: Install dependencies (if needed)
+        run: pip install re  # Install Python's regex library (not needed if using built-in)
+
+      - name: Check PR Description and Title
+        id: check_pr_details
+        run: |
+          python -c "
+import re
+import sys
+import os
+
+pr_description = os.getenv('GITHUB_EVENT_PULL_REQUEST_BODY', '')
+pr_title = os.getenv('GITHUB_EVENT_PULL_REQUEST_TITLE', '')
+
+# Check if PR description is present
+if not pr_description:
+    print('PR description is missing.')
+    sys.exit(1)
+
+# Check if the PR description contains 'Fixes #<issue-number>'
+if not re.search(r'Fixes #[0-9]+', pr_description):
+    print('The PR description should include Fixes , Close, Closes, Closed , Fix , Fixed , Resolve , Resolves #<issue-number>.')
+    sys.exit(1)
+
+# Check if the PR title starts with FIX, FEAT, or DOC
+if not re.match(r'^(Fixes|Close|Closes|Closed|Fix|Fixed|Resolve|Resolves
+Resolved)', pr_title):
+    print('The PR title should start with Fixes , Close, Closes, Closed , Fix , Fixed , Resolve , Resolves')
+    sys.exit(1)
+
+print('PR description and title are valid.')
+"
+        env:
+          GITHUB_EVENT_PULL_REQUEST_BODY: ${{ github.event.pull_request.body }}
+          GITHUB_EVENT_PULL_REQUEST_TITLE: ${{ github.event.pull_request.title }}
+
+      - name: Output result
+        run: echo "All checks passed."
+        

From 5d489dc07d28f146fded254db0e307860dca0154 Mon Sep 17 00:00:00 2001
From: Ankul Maddheshiya <ankulmaddheshiyanew@gmail.com>
Date: Mon, 21 Oct 2024 01:51:17 +0530
Subject: [PATCH 20/20] Add fotter of this Website

---
 index.html | 1505 ++++++++++++++++++++++++++++------------------------
 style.css  |    3 +-
 2 files changed, 828 insertions(+), 680 deletions(-)

diff --git a/index.html b/index.html
index b6a6c8d..03f4423 100644
--- a/index.html
+++ b/index.html
@@ -1,30 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
 
-    <head>
-        <meta charset="UTF-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
-            integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
-            crossorigin="anonymous" />
-        <script src="https://cdn.tailwindcss.com"></script>
-        <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-        <link rel="stylesheet" href="style.css" />
-        <link rel="stylesheet" href="blog.css">
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/photoswipe.min.css"
-            integrity="sha512-LFWtdAXHQuwUGH9cImO9blA3a3GfQNkpF2uRlhaOpSbDevNyK1rmAjs13mtpjvWyi+flP7zYWboqY+8Mkd42xA=="
-            crossorigin="anonymous" referrerpolicy="no-referrer" />
-        <link rel="icon" href="img/favicon.png" type="image/png">
-        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
-        <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
-        <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&amp;family=Open+Sans&amp;display=swap" rel="stylesheet">
-        <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
-        <title>Swasthya Point</title>
-        <style>
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
+        integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous" />
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="blog.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/photoswipe.min.css"
+        integrity="sha512-LFWtdAXHQuwUGH9cImO9blA3a3GfQNkpF2uRlhaOpSbDevNyK1rmAjs13mtpjvWyi+flP7zYWboqY+8Mkd42xA=="
+        crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="icon" href="img/favicon.png" type="image/png">
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600&amp;family=Open+Sans&amp;display=swap"
+        rel="stylesheet">
+    <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
+    <title>Swasthya Point</title>
+    <style>
         body {
             font-family: 'Poppins', sans-serif;
             display: flex;
@@ -43,18 +43,23 @@
             background-color: #f4f4f4;
             padding: 20px;
             text-align: center;
-            margin-top: auto; /* Keep this at the bottom */
+            margin-top: auto;
+            /* Keep this at the bottom */
         }
 
         .follow-us h2 {
-            color: grey; /* Grey color for the heading */
-            font-size: 28px; /* Increased size for the heading */
-            margin-bottom: 15px; /* Space between heading and icons */
+            color: grey;
+            /* Grey color for the heading */
+            font-size: 28px;
+            /* Increased size for the heading */
+            margin-bottom: 15px;
+            /* Space between heading and icons */
         }
 
         .follow-us a {
             margin: 0 15px;
-            color: grey; /* Grey color for icons */
+            color: grey;
+            /* Grey color for icons */
             text-decoration: none;
             height: 50px;
             width: 50px;
@@ -63,21 +68,24 @@
             z-index: 3;
             transition: color 0.5s ease-in-out;
         }
-        @property --fill{
+
+        @property --fill {
             syntax: '<percentage>';
-                inherits: true;
-                initial-value: 0%;
-            }
-        .follow-us a::after{
+            inherits: true;
+            initial-value: 0%;
+        }
+
+        .follow-us a::after {
             position: absolute;
             z-index: -1;
             content: '';
             inset: -3px;
             border-radius: inherit;
-            background: conic-gradient(var(--iconbg) var(--fill),transparent var(--fill));
+            background: conic-gradient(var(--iconbg) var(--fill), transparent var(--fill));
             transition: --fill 0.6s ease-in-out;
         }
-        .follow-us a::before{
+
+        .follow-us a::before {
             position: absolute;
             content: '';
             inset: -1px;
@@ -87,8 +95,9 @@
         }
 
         .follow-us a:hover {
-            color: var(--iconbg); /* Change color on hover */
-            --fill:100%
+            color: var(--iconbg);
+            /* Change color on hover */
+            --fill: 100%
         }
 
         .follow-us a:focus {
@@ -97,321 +106,323 @@
         }
 
         .follow-us img {
-            width: 50px; /* Set logo size */
+            width: 50px;
+            /* Set logo size */
             height: 50px;
-            filter: grayscale(100%); /* Grey color for icons */
-            transition: filter 0.3s; /* Smooth transition effect */
+            filter: grayscale(100%);
+            /* Grey color for icons */
+            transition: filter 0.3s;
+            /* Smooth transition effect */
         }
 
         .follow-us a:hover img {
-            filter: grayscale(0%); /* Color on hover */
+            filter: grayscale(0%);
+            /* Color on hover */
         }
-            /* General styles for contact form inputs */
-            .form-control {
-                background-color: #fff;
-                /* White background */
-                border: 1px solid #ced4da;
-                /* Light border */
-                border-radius: 0.5rem;
-                /* Rounded corners */
-                transition: border-color 0.3s;
-                /* Smooth border transition */
-            }
 
-            .form-control:focus {
-                outline: none;
-                /* Remove default outline */
-                box-shadow: none;
-                /* Remove any shadow */
-                border-color: #007bff;
-                /* Change border color on focus */
-            }
+        /* General styles for contact form inputs */
+        .form-control {
+            background-color: #fff;
+            /* White background */
+            border: 1px solid #ced4da;
+            /* Light border */
+            border-radius: 0.5rem;
+            /* Rounded corners */
+            transition: border-color 0.3s;
+            /* Smooth border transition */
+        }
 
-            /* Add custom styles for buttons */
-            .btn {
-                background-color: #007bff;
-                /* Primary color */
-                border: none;
-                /* Remove border */
-                color: #fff;
-                /* White text */
-                transition: background-color 0.3s;
-                /* Smooth background transition */
-            }
+        .form-control:focus {
+            outline: none;
+            /* Remove default outline */
+            box-shadow: none;
+            /* Remove any shadow */
+            border-color: #007bff;
+            /* Change border color on focus */
+        }
 
-            .btn:hover {
-                background-color: #3e91e9;
-                /* Darker shade on hover */
-            }
+        /* Add custom styles for buttons */
+        .btn {
+            background-color: #007bff;
+            /* Primary color */
+            border: none;
+            /* Remove border */
+            color: #fff;
+            /* White text */
+            transition: background-color 0.3s;
+            /* Smooth background transition */
+        }
 
-            /* Responsive design */
-            @media (max-width: 768px) {
-                .container {
-                    padding: 20px;
-                    /* Adjust padding on smaller screens */
-                }
+        .btn:hover {
+            background-color: #3e91e9;
+            /* Darker shade on hover */
+        }
+
+        /* Responsive design */
+        @media (max-width: 768px) {
+            .container {
+                padding: 20px;
+                /* Adjust padding on smaller screens */
             }
-        </style>
-    </head>
+        }
+    </style>
+</head>
 
-    <body>
-        <!-- header section starts -->
+<body>
+    <!-- header section starts -->
 
-        <header>
-            <!-- <input type="checkbox" name="" id="toggler">
+    <header>
+        <!-- <input type="checkbox" name="" id="toggler">
             <label for="toggler" class="fas fa-bars"></label> -->
-            <a href="#" class="logo"><img src="img/swasthya-logo.png"></a>
-            <div id="shownav"><img src="./img/menu.svg" alt="show menu"></div>
-            <nav class="navbar">
-                <div class="dark-btn-navbar">
-                    <label id="dark-change"></label>
+        <a href="#" class="logo"><img src="img/swasthya-logo.png"></a>
+        <div id="shownav"><img src="./img/menu.svg" alt="show menu"></div>
+        <nav class="navbar">
+            <div class="dark-btn-navbar">
+                <label id="dark-change"></label>
+            </div>
+            <div id="hidenav"> <img src="./img/cross.svg" alt="Hide Menu"></div>
+            <a href="#home">Home</a>
+            <a href="#about">About Us</a>
+            <a href="#services">Services</a>
+            <a href="#contact">Contact</a>
+            <a href="blog.html">Blogs</a>
+            <a href="write_own_blog.html">Your blog</a>
+            <a href="reviews.html">Share Experience</a>
+            <a href="nearby.html">Nearby</a>
+
+
+            <div class="dropdown">
+                <a href="#" class="dropbtn">Appointments</a>
+                <div class="dropdown-content">
+                    <a href="appointment.html">Book Appointment</a>
+                    <a href="https://yourcompany.setmore.com">Schedule & Reminder</a>
                 </div>
-                <div id="hidenav"> <img src="./img/cross.svg" alt="Hide Menu"></div>
-                <a href="#home">Home</a>
-                <a href="#about">About Us</a>
-                <a href="#services">Services</a>
-                <a href="#contact">Contact</a>
-                <a href="blog.html">Blogs</a>
-                <a href="write_own_blog.html">Your blog</a>
-                <a href="reviews.html">Share Experience</a>
-                <a href="nearby.html">Nearby</a>
-
-
-               <div class="dropdown">
-    <a href="#" class="dropbtn">Appointments</a>
-    <div class="dropdown-content">
-        <a href="appointment.html">Book Appointment</a>
-        <a href="https://yourcompany.setmore.com">Schedule & Reminder</a>
-    </div>
-</div>
-
-<!-- Login dropdown -->
-<div class="dropdown">
-    <a href="#" class="dropbtn">Login</a>
-    <div class="dropdown-content">
-        <a href="user_login.html">User Login</a>
-        <a href="#">Doctor Login</a>
-        <a href="#">Admin Login</a>
-    </div>
-</div>
+            </div>
 
-<div class="dark-btn-navbar">
-    <label id="dark-change"></label>
-</div>
+            <!-- Login dropdown -->
+            <div class="dropdown">
+                <a href="#" class="dropbtn">Login</a>
+                <div class="dropdown-content">
+                    <a href="user_login.html">User Login</a>
+                    <a href="#">Doctor Login</a>
+                    <a href="#">Admin Login</a>
+                </div>
+            </div>
 
+            <div class="dark-btn-navbar">
+                <label id="dark-change"></label>
+            </div>
 
-                <a href="appointment.html"><span>Book Your Appointment</span></a>
-                <a href="https://yourcompany.setmore.com">Schedule Appointment</a>
-                <a href="#setmore_widget"><span>Schedule And Reminder</span></a>
-                <a href="user_login.html">User Login</a>
-                <a href="doctor_login">Doctor Login</a>
-                <a href="admin_login">Admin Login</a>
 
-            </nav>
-        </header>
+            <a href="appointment.html"><span>Book Your Appointment</span></a>
+            <a href="https://yourcompany.setmore.com">Schedule Appointment</a>
+            <a href="#setmore_widget"><span>Schedule And Reminder</span></a>
+            <a href="user_login.html">User Login</a>
+            <a href="doctor_login">Doctor Login</a>
+            <a href="admin_login">Admin Login</a>
 
+        </nav>
+    </header>
 
-        <!-- header section ends -->
 
+    <!-- header section ends -->
 
-        <!-- home section starts -->
 
-        <section class="home" id="home">
+    <!-- home section starts -->
 
-            <div class="content">
-                <h3>Your Health, Our Priority</h3>
-                <span>Personalized Care for Every Patient</span>
-                <p>We believe in a patient-centered approach, offering a wide range of medical services tailored to meet
-                    your unique health needs.</p>
-                <a href="#" class="btn">EXPLORE</a>
-            </div>
+    <section class="home" id="home">
 
-            <div style="height: 100vh; filter: brightness(0.7);">
+        <div class="content">
+            <h3>Your Health, Our Priority</h3>
+            <span>Personalized Care for Every Patient</span>
+            <p>We believe in a patient-centered approach, offering a wide range of medical services tailored to meet
+                your unique health needs.</p>
+            <a href="#" class="btn">EXPLORE</a>
+        </div>
 
-                <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel"
-                    style="height: 100%;">
-                    <div class="carousel-indicators">
-                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
-                            class="active" aria-current="true" aria-label="Slide 1"></button>
-                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
-                            aria-label="Slide 2"></button>
-                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
-                            aria-label="Slide 3"></button>
+        <div style="height: 100vh; filter: brightness(0.7);">
+
+            <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel"
+                style="height: 100%;">
+                <div class="carousel-indicators">
+                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
+                        class="active" aria-current="true" aria-label="Slide 1"></button>
+                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
+                        aria-label="Slide 2"></button>
+                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
+                        aria-label="Slide 3"></button>
+                </div>
+                <div class="carousel-inner" style="height: 100%;">
+                    <div class="carousel-item active">
+                        <img src="./img/HD-wallpaper-medical-hospital.png" class="d-block w-100" alt="...">
                     </div>
-                    <div class="carousel-inner" style="height: 100%;">
-                        <div class="carousel-item active">
-                            <img src="./img/HD-wallpaper-medical-hospital.png" class="d-block w-100" alt="...">
-                        </div>
-                        <div class="carousel-item">
-                            <img src="./img/medicine-healthcare-people-conce.png" class="d-block w-100" alt="...">
-                        </div>
-                        <div class="carousel-item">
-                            <img src="./img/surgery-1822458_640.png" class="d-block w-100" alt="...">
-                        </div>
+                    <div class="carousel-item">
+                        <img src="./img/medicine-healthcare-people-conce.png" class="d-block w-100" alt="...">
+                    </div>
+                    <div class="carousel-item">
+                        <img src="./img/surgery-1822458_640.png" class="d-block w-100" alt="...">
                     </div>
-                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade"
-                        data-bs-slide="prev">
-                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                        <span class="visually-hidden">Previous</span>
-                    </button>
-                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade"
-                        data-bs-slide="next">
-                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                        <span class="visually-hidden">Next</span>
-                    </button>
                 </div>
+                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade"
+                    data-bs-slide="prev">
+                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                    <span class="visually-hidden">Previous</span>
+                </button>
+                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade"
+                    data-bs-slide="next">
+                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                    <span class="visually-hidden">Next</span>
+                </button>
             </div>
+        </div>
 
-        </section>
+    </section>
 
 
-        <!-- home section ends-->
+    <!-- home section ends-->
 
-        <!-- about section starts -->
+    <!-- about section starts -->
 
-        <section class="about" id="about">
+    <section class="about" id="about">
 
-            <h1 class="heading"> <span> about </span> us </h1>
+        <h1 class="heading"> <span> about </span> us </h1>
 
-            <div class="row">
+        <div class="row">
 
-                <div class="video-container" data-aos="zoom-in-up">
-                    <video src="img/about-video.mp4" loop autoplay muted></video>
-                    <h3>who we are</h3>
-                </div>
-
-                <div class="content" data-aos="fade-left" data-aos-duration="500">
-                    <h3>Our Commitment to Healthcare</h3>
-                    <p>Welcome to Swasthya Point! We have been dedicated to providing exceptional healthcare services to
-                        our
-                        community. </p>
-                    <p>Our skilled team of professionals utilizes advanced technology to deliver personalized care
-                        across
-                        various specialties, including emergency services and wellness programs.</p>
-                    <a href="#" class="btn">Learn more</a>
+            <div class="video-container" data-aos="zoom-in-up">
+                <video src="img/about-video.mp4" loop autoplay muted></video>
+                <h3>who we are</h3>
+            </div>
 
+            <div class="content" data-aos="fade-left" data-aos-duration="500">
+                <h3>Our Commitment to Healthcare</h3>
+                <p>Welcome to Swasthya Point! We have been dedicated to providing exceptional healthcare services to
+                    our
+                    community. </p>
+                <p>Our skilled team of professionals utilizes advanced technology to deliver personalized care
+                    across
+                    various specialties, including emergency services and wellness programs.</p>
+                <a href="#" class="btn">Learn more</a>
 
-                </div>
 
             </div>
 
-        </section>
+        </div>
 
-        <!-- about section ends -->
+    </section>
 
-        <!-- icons sections starts -->
+    <!-- about section ends -->
 
-        <section class="icons-container body.night">
+    <!-- icons sections starts -->
 
-            <div class="icons" data-aos="fade-up">
-                <div class="info">
-                    <h3>Pharmacy</h3>
-                    <span>Prescription and medications.</span>
-                </div>
+    <section class="icons-container body.night">
+
+        <div class="icons" data-aos="fade-up">
+            <div class="info">
+                <h3>Pharmacy</h3>
+                <span>Prescription and medications.</span>
             </div>
+        </div>
 
-            <div class="icons" data-aos="fade-up" data-aos-duration="500">
-                <div class="info">
-                    <h3>Maternity Care</h3>
-                    <span>Support for new mothers</span>
-                </div>
+        <div class="icons" data-aos="fade-up" data-aos-duration="500">
+            <div class="info">
+                <h3>Maternity Care</h3>
+                <span>Support for new mothers</span>
             </div>
+        </div>
 
-            <div class="icons" data-aos="fade-up" data-aos-duration="600">
-                <div class="info">
-                    <h3>Mental Health Services</h3>
-                    <span>Emotional wellness support</span>
-                </div>
+        <div class="icons" data-aos="fade-up" data-aos-duration="600">
+            <div class="info">
+                <h3>Mental Health Services</h3>
+                <span>Emotional wellness support</span>
             </div>
+        </div>
 
-            <div class="icons" data-aos="fade-up" data-aos-duration="700">
-                <div class="info">
-                    <h3>Health Screening</h3>
-                    <span>Preventive health evaluations</span>
-                </div>
+        <div class="icons" data-aos="fade-up" data-aos-duration="700">
+            <div class="info">
+                <h3>Health Screening</h3>
+                <span>Preventive health evaluations</span>
             </div>
+        </div>
 
-        </section>
+    </section>
 
-        <!-- icons section ends -->
+    <!-- icons section ends -->
 
 
-        <!-- ======= Services Section ======= -->
-        <section id="services" class="services">
-            <div class="container">
+    <!-- ======= Services Section ======= -->
+    <section id="services" class="services">
+        <div class="container">
 
-                <div class="section-title">
-                    <h2>Services</h2>
-                    <p><br></p>
-                </div>
+            <div class="section-title">
+                <h2>Services</h2>
+                <p><br></p>
+            </div>
 
-                <div class="row">
+            <div class="row">
 
-                    <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-right">
-                        <div class="icon-box">
-                            <div class="icon"><img src="img/ic.jpeg" class="card-img-top serviceimgs" alt="Radiology">
-                            </div>
-                            <h4><a href="radiology.html">Radiology</a></h4>
-                            <p>To visualize internal structures and diagnose conditions.</p>
+                <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-right">
+                    <div class="icon-box">
+                        <div class="icon"><img src="img/ic.jpeg" class="card-img-top serviceimgs" alt="Radiology">
                         </div>
+                        <h4><a href="radiology.html">Radiology</a></h4>
+                        <p>To visualize internal structures and diagnose conditions.</p>
                     </div>
+                </div>
 
-                    <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="fade-down">
-                        <div class="icon-box">
-                            <div class="icon"><img src="img/ic3.jpeg" class="card-img-top serviceimgs"
-                                    alt="Psychiatrist">
-                            </div>
-                            <h4><a href="psychatry.html">Psychiatry</a></h4>
-                            <p>Specializes in mental health.</p>
+                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="fade-down">
+                    <div class="icon-box">
+                        <div class="icon"><img src="img/ic3.jpeg" class="card-img-top serviceimgs" alt="Psychiatrist">
                         </div>
+                        <h4><a href="psychatry.html">Psychiatry</a></h4>
+                        <p>Specializes in mental health.</p>
                     </div>
+                </div>
 
-                    <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="fade-left">
-                        <div class="icon-box">
-                            <div class="icon"><img src="img/ic5.jpeg" class="card-img-top serviceimgs"
-                                    alt="Dermatology">
-                            </div>
-                            <h4><a href="dermatology.html">Dermatology</a></h4>
-                            <p>Diagnosis and treatment of skin, hair, and nail conditions.</p>
+                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="fade-left">
+                    <div class="icon-box">
+                        <div class="icon"><img src="img/ic5.jpeg" class="card-img-top serviceimgs" alt="Dermatology">
                         </div>
+                        <h4><a href="dermatology.html">Dermatology</a></h4>
+                        <p>Diagnosis and treatment of skin, hair, and nail conditions.</p>
                     </div>
+                </div>
 
-                    <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="fade-right">
-                        <div class="icon-box">
-                            <div class="icon"><img src="img/ic2.jpeg" class="card-img-top serviceimgs" alt="Blood Bank">
-                            </div>
-                            <h4><a href="bloodbank.html">Blood Bank</a></h4>
-                            <p>Transfusion medicine and blood donation center.</p>
+                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="fade-right">
+                    <div class="icon-box">
+                        <div class="icon"><img src="img/ic2.jpeg" class="card-img-top serviceimgs" alt="Blood Bank">
                         </div>
+                        <h4><a href="bloodbank.html">Blood Bank</a></h4>
+                        <p>Transfusion medicine and blood donation center.</p>
                     </div>
+                </div>
 
-                    <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="fade-up">
-                        <div class="icon-box">
-                            <div class="icon"><img src="img/ic4.jpeg" class="card-img-top serviceimgs" alt="Urologist">
-                            </div>
-                            <h4><a href="urology.html">Urology</a></h4>
-                            <p>Focuses on conditions affecting the urinary tract.</p>
+                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="fade-up">
+                    <div class="icon-box">
+                        <div class="icon"><img src="img/ic4.jpeg" class="card-img-top serviceimgs" alt="Urologist">
                         </div>
+                        <h4><a href="urology.html">Urology</a></h4>
+                        <p>Focuses on conditions affecting the urinary tract.</p>
                     </div>
+                </div>
 
 
-                    <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="fade-left">
-                        <div class="icon-box">
-                            <div class="icon"><img src="img/ic6.jpeg" class="card-img-top serviceimgs"
-                                    alt="Pediatrician">
-                            </div>
-                            <h4><a href="pediatrics.html">Pediatrician</a></h4>
-                            <p>Specializes in the medical care of infants, children.</p>
+                <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="fade-left">
+                    <div class="icon-box">
+                        <div class="icon"><img src="img/ic6.jpeg" class="card-img-top serviceimgs" alt="Pediatrician">
                         </div>
+                        <h4><a href="pediatrics.html">Pediatrician</a></h4>
+                        <p>Specializes in the medical care of infants, children.</p>
                     </div>
-
                 </div>
 
             </div>
-        </section>
-        <!-- End Services Section -->
 
-        <!-- <div class="bg-boz py-3">
+        </div>
+    </section>
+    <!-- End Services Section -->
+
+    <!-- <div class="bg-boz py-3">
             <div class="container">
                 <div class="row">
                     <div class="col-md-4">
@@ -431,130 +442,130 @@ <h4><a href="pediatrics.html">Pediatrician</a></h4>
         </div> -->
 
 
-        <div class="bg-boz py-3" id="gallery">
-            <div class="container">
-                <div class="row">
-                    <div class="col-md-4">
-                        <div class="image-container" data-aos="fade-up">
-                            <a href="img/portfolio-6.jpg" data-pswp-width="370" data-pswp-height="300">
-                                <img src="img/portfolio-6.jpg" class="card-img" alt="...">
-                            </a>
+    <div class="bg-boz py-3" id="gallery">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-4">
+                    <div class="image-container" data-aos="fade-up">
+                        <a href="img/portfolio-6.jpg" data-pswp-width="370" data-pswp-height="300">
+                            <img src="img/portfolio-6.jpg" class="card-img" alt="...">
+                        </a>
 
-                        </div>
-                        <div class="image-container" data-aos="fade-up">
-                            <a href="img/portfolio-2.jpg" data-pswp-width="370" data-pswp-height="300">
-                                <img src="img/portfolio-2.jpg" class="card-img " alt="...">
-                            </a>
+                    </div>
+                    <div class="image-container" data-aos="fade-up">
+                        <a href="img/portfolio-2.jpg" data-pswp-width="370" data-pswp-height="300">
+                            <img src="img/portfolio-2.jpg" class="card-img " alt="...">
+                        </a>
 
-                        </div>
                     </div>
-                    <div class="col-md-4">
-                        <div class="image-container" data-aos="fade-up" data-aos-duration="500">
-                            <a href="img/portfolio-3.jpg" data-pswp-width="370" data-pswp-height="300">
-                                <img src="img/portfolio-3.jpg" class="card-img " alt="...">
-                            </a>
+                </div>
+                <div class="col-md-4">
+                    <div class="image-container" data-aos="fade-up" data-aos-duration="500">
+                        <a href="img/portfolio-3.jpg" data-pswp-width="370" data-pswp-height="300">
+                            <img src="img/portfolio-3.jpg" class="card-img " alt="...">
+                        </a>
 
-                        </div>
-                        <div class="image-container" data-aos="fade-up" data-aos-duration="500">
-                            <a href="img/portfolio-4.jpg" data-pswp-width="370" data-pswp-height="300">
-                                <img src="img/portfolio-4.jpg" class="card-img" alt="...">
-                            </a>
+                    </div>
+                    <div class="image-container" data-aos="fade-up" data-aos-duration="500">
+                        <a href="img/portfolio-4.jpg" data-pswp-width="370" data-pswp-height="300">
+                            <img src="img/portfolio-4.jpg" class="card-img" alt="...">
+                        </a>
 
-                        </div>
                     </div>
-                    <div class="col-md-4">
-                        <div class="image-container" data-aos="fade-up" data-aos-duration="600">
-                            <a href="img/portfolio-5.jpg" data-pswp-width="370" data-pswp-height="300">
-                                <img src="img/portfolio-5.jpg" class="card-img " alt="...">
-                            </a>
+                </div>
+                <div class="col-md-4">
+                    <div class="image-container" data-aos="fade-up" data-aos-duration="600">
+                        <a href="img/portfolio-5.jpg" data-pswp-width="370" data-pswp-height="300">
+                            <img src="img/portfolio-5.jpg" class="card-img " alt="...">
+                        </a>
 
-                        </div>
-                        <div class="image-container" data-aos="fade-up" data-aos-duration="600">
-                            <a href="img/portfolio-1.jpg" data-pswp-width="370" data-pswp-height="300">
-                                <img src="img/portfolio-1.jpg" class="card-img " alt="...">
-                            </a>
+                    </div>
+                    <div class="image-container" data-aos="fade-up" data-aos-duration="600">
+                        <a href="img/portfolio-1.jpg" data-pswp-width="370" data-pswp-height="300">
+                            <img src="img/portfolio-1.jpg" class="card-img " alt="...">
+                        </a>
 
-                        </div>
                     </div>
                 </div>
+            </div>
 
 
-            </div>
         </div>
+    </div>
 
 
-        <div class="bg-mavi py-5">
-            <div class="container">
-                <div class=" d-flex flex-column " id="bottom-carousel">
-                    <div class="d-flex justify-content-center mb-5">
-                        <div class="card-body text-center text-white w-50 d-flex flex-column">
-                            <h1 class="card-title">''</h1>
-                            <p class="card-text" style="font-size: 20px;">Welcome to a world of personalized healthcare.
-                                Schedule appointments,
-                                consult with specialists, and access medical resources conveniently online.</p>
+    <div class="bg-mavi py-5">
+        <div class="container">
+            <div class=" d-flex flex-column " id="bottom-carousel">
+                <div class="d-flex justify-content-center mb-5">
+                    <div class="card-body text-center text-white w-50 d-flex flex-column">
+                        <h1 class="card-title">''</h1>
+                        <p class="card-text" style="font-size: 20px;">Welcome to a world of personalized healthcare.
+                            Schedule appointments,
+                            consult with specialists, and access medical resources conveniently online.</p>
 
-                        </div>
                     </div>
+                </div>
 
 
-                    <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
-                        <div class="carousel-indicators">
-                            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0"
-                                class="active bt1" aria-current="true" aria-label="Slide 1"></button>
-                            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
-                                class="bt2" aria-label="Slide 2"></button>
-                            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
-                                class="bt3" aria-label="Slide 3"></button>
-                            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3"
-                                class="bt4" aria-label="Slide 4"></button>
-                            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4"
-                                class="bt5" aria-label="Slide 5"></button>
-                        </div>
-                        <div class="carousel-inner">
-                            <div class="carousel-item active">
-                                <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
-                                </div>
+                <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
+                    <div class="carousel-indicators">
+                        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0"
+                            class="active bt1" aria-current="true" aria-label="Slide 1"></button>
+                        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" class="bt2"
+                            aria-label="Slide 2"></button>
+                        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" class="bt3"
+                            aria-label="Slide 3"></button>
+                        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" class="bt4"
+                            aria-label="Slide 4"></button>
+                        <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" class="bt5"
+                            aria-label="Slide 5"></button>
+                    </div>
+                    <div class="carousel-inner">
+                        <div class="carousel-item active">
+                            <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
+                                <h6>Jane Galadriel</h6>
+                                <p>Ceo Tengkurep</p>
                             </div>
-                            <div class="carousel-item">
-                                <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
-                                </div>
+                        </div>
+                        <div class="carousel-item">
+                            <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
+                                <h6>Jane Galadriel</h6>
+                                <p>Ceo Tengkurep</p>
                             </div>
-                            <div class="carousel-item">
-                                <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
-                                </div>
+                        </div>
+                        <div class="carousel-item">
+                            <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
+                                <h6>Jane Galadriel</h6>
+                                <p>Ceo Tengkurep</p>
                             </div>
-                            <div class="carousel-item">
-                                <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
-                                </div>
+                        </div>
+                        <div class="carousel-item">
+                            <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
+                                <h6>Jane Galadriel</h6>
+                                <p>Ceo Tengkurep</p>
                             </div>
-                            <div class="carousel-item">
-                                <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
-                                    <h6>Jane Galadriel</h6>
-                                    <p>Ceo Tengkurep</p>
-                                </div>
+                        </div>
+                        <div class="carousel-item">
+                            <div class="carousel-caption d-flex flex-column py-3 d-md-block py-md-5">
+                                <h6>Jane Galadriel</h6>
+                                <p>Ceo Tengkurep</p>
                             </div>
                         </div>
-                        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
-                            data-bs-slide="prev">
-                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                            <span class="visually-hidden">Previous</span>
-                        </button>
-                        <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
-                            data-bs-slide="next">
-                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                            <span class="visually-hidden">Next</span>
-                        </button>
                     </div>
+                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
+                        data-bs-slide="prev">
+                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                        <span class="visually-hidden">Previous</span>
+                    </button>
+                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
+                        data-bs-slide="next">
+                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                        <span class="visually-hidden">Next</span>
+                    </button>
                 </div>
-                <!-- <div id="contact"
+            </div>
+            <!-- <div id="contact"
                 class="max-w-2xl mx-auto relative overflow-hidden z-10 bg-white p-8 rounded-lg shadow-md before:w-44 before:h-44 before:absolute before:bg-cyan-400 before:rounded-full before:-z-10 before:blur-2xl after:w-56 after:h-56 after:absolute after:bg-sky-400 after:rounded-full after:-z-10 after:blur-xl after:top-60 after:-right-12">
                 <h2 class="text-5xl text-sky-900  font-bold mb-6">Contact Us</h2>
 
@@ -594,331 +605,467 @@ <h2 class="text-5xl text-sky-900  font-bold mb-6">Contact Us</h2>
                     </div>
                 </form>
             </div> -->
-                <!-- Contact Start -->
-                <div class="container-xxl py-5">
-                    <div class="container">
-                        <div class="row g-4">
-                            <div class="col-lg-4 text-[15px]">
-                                <div class="h-100 bg-light rounded d-flex align-items-center p-5 transition transform hover:scale-105 hover:shadow-lg hover:bg-gray-100">
-                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
-                                        style="width: 55px; height: 55px;">
-                                        <i class="fa fa-map-marker-alt text-primary text-[15px]"></i>
-                                    </div>
-                                    <div class="ms-4">
-                                        <p class="mb-2 ">Address</p>
-                                        <h5 class="mb-0">Swasthya Point Delhi, India</h5>
-                                    </div>
+            <!-- Contact Start -->
+            <div class="container-xxl py-5">
+                <div class="container">
+                    <div class="row g-4">
+                        <div class="col-lg-4 text-[15px]">
+                            <div
+                                class="h-100 bg-light rounded d-flex align-items-center p-5 transition transform hover:scale-105 hover:shadow-lg hover:bg-gray-100">
+                                <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
+                                    style="width: 55px; height: 55px;">
+                                    <i class="fa fa-map-marker-alt text-primary text-[15px]"></i>
+                                </div>
+                                <div class="ms-4">
+                                    <p class="mb-2 ">Address</p>
+                                    <h5 class="mb-0">Swasthya Point Delhi, India</h5>
                                 </div>
                             </div>
-                            <div class="col-lg-4 text-[15px]">
-                                <div class="h-100 bg-light rounded d-flex align-items-center p-5 transition transform hover:scale-105 hover:shadow-lg hover:bg-gray-100">
-                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
-                                        style="width: 55px; height: 55px;">
-                                        <i class="fa fa-phone-alt text-primary text-[15px]"></i>
-                                    </div>
-                                    <div class="ms-4">
-                                        <p class="mb-2">Call Us Now</p>
-                                        <h5 class="mb-0">+91 9876543210</h5>
-                                    </div>
+                        </div>
+                        <div class="col-lg-4 text-[15px]">
+                            <div
+                                class="h-100 bg-light rounded d-flex align-items-center p-5 transition transform hover:scale-105 hover:shadow-lg hover:bg-gray-100">
+                                <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
+                                    style="width: 55px; height: 55px;">
+                                    <i class="fa fa-phone-alt text-primary text-[15px]"></i>
+                                </div>
+                                <div class="ms-4">
+                                    <p class="mb-2">Call Us Now</p>
+                                    <h5 class="mb-0">+91 9876543210</h5>
                                 </div>
                             </div>
-                            <div class="col-lg-4 text-[15px] hover:bg-gray-100 hover:shadow-lg transition duration-300 ease-in-out"">
-                                <div class="h-100 bg-light rounded d-flex align-items-center p-5 transition transform hover:scale-105 hover:shadow-lg hover:bg-gray-100">
-                                    <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
-                                        style="width: 55px; height: 55px;">
-                                        <i class="fa fa-envelope-open text-primary text-[15px]"></i>
+                        </div>
+                        <div class="col-lg-4 text-[15px] hover:bg-gray-100 hover:shadow-lg transition duration-300 ease-in-out"">
+                                <div class=" h-100 bg-light rounded d-flex align-items-center p-5 transition transform
+                            hover:scale-105 hover:shadow-lg hover:bg-gray-100">
+                            <div class="d-flex flex-shrink-0 align-items-center justify-content-center rounded-circle bg-white transition transform hover:bg-blue-500 hover:rotate-180"
+                                style="width: 55px; height: 55px;">
+                                <i class="fa fa-envelope-open text-primary text-[15px]"></i>
+                            </div>
+                            <div class="ms-4">
+                                <p class="mb-2">Mail Us Now</p>
+                                <h5 class="mb-0 normal-case"> tusharg1540@gmail.com</h5>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
+                        <div class="bg-light rounded p-5">
+                            <p class="d-inline-block  border rounded-pill py-1 px-4 " style="color: #000;">Contact Us
+                            </p>
+                            <h1 class="mb-4">Have Any Query? Please Contact Us!</h1>
+
+                            <form>
+                                <div class="row g-3">
+                                    <div class="col-md-6">
+                                        <div class="form">
+                                            <input type="text" class="form-control" id="name" name="name"
+                                                placeholder="Your Name" required>
+                                            <label for="name">Your Name</label>
+                                        </div>
                                     </div>
-                                    <div class="ms-4">
-                                        <p class="mb-2">Mail Us Now</p>
-                                        <h5 class="mb-0 normal-case" > tusharg1540@gmail.com</h5>
+                                    <div class="col-md-6">
+                                        <div class="form">
+                                            <input type="email" class="form-control" id="email" name="email"
+                                                placeholder="Your Email" required>
+                                            <label for="email">Your Email</label>
+                                        </div>
                                     </div>
-                                </div>
-                            </div>
-                            <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
-                                <div class="bg-light rounded p-5">
-                                    <p class="d-inline-block  border rounded-pill py-1 px-4 " style="color: #000;">Contact Us</p>
-                                    <h1 class="mb-4">Have Any Query? Please Contact Us!</h1>
-
-                                    <form>
-                                        <div class="row g-3">
-                                            <div class="col-md-6">
-                                                <div class="form">
-                                                    <input type="text" class="form-control" id="name" name="name"
-                                                        placeholder="Your Name" required>
-                                                    <label for="name">Your Name</label>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form">
-                                                    <input type="email" class="form-control" id="email" name="email"
-                                                        placeholder="Your Email" required>
-                                                    <label for="email">Your Email</label>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form">
-                                                    <input type="tel" class="form-control" id="phone" name="phone"
-                                                        placeholder="Your Phone Number" required style=" height: 50px; font-size: 15px;">
-                                                    <label for="phone">Your Phone Number</label>
-                                                </div>
-                                            </div>
-                                            <div class="col-md-6">
-                                                <div class="form">
-                                                    <input type="text" class="form-control" id="city" name="city"
-                                                        placeholder="Your City" required>
-                                                    <label for="city">Your City</label>
-                                                </div>
-                                            </div>
-                                            <div class="col-12">
-                                                <div class="form">
-                                                    <input type="text" class="form-control" id="subject" name="subject"
-                                                        placeholder="Subject" required>
-                                                    <label for="subject">Subject</label>
-                                                </div>
-                                            </div>
-                                            <div class="col-12">
-                                                <div class="form">
-                                                    <textarea class="form-control" placeholder="Leave a message here"
-                                                        id="message" name="message" style="height: 100px ; font-size: 15px;"
-                                                        required></textarea>
-                                                    <label for="message">Message</label>
-                                                </div>
-                                            </div>
-                                            <div class="col-12 d-flex justify-content-center">
-                                                <button class="btn btn-primary w-100 py-3" id="contact">Send
-                                                    Message</button>
-                                            </div>
+                                    <div class="col-md-6">
+                                        <div class="form">
+                                            <input type="tel" class="form-control" id="phone" name="phone"
+                                                placeholder="Your Phone Number" required
+                                                style=" height: 50px; font-size: 15px;">
+                                            <label for="phone">Your Phone Number</label>
                                         </div>
-                                    </form>
-
-                                </div>
-                            </div>
-                            <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
-                                <div class="h-100" style="min-height: 400px;">
-                                    <iframe class="rounded w-100 h-100"
-                                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d224346.77249238306!2d77.06889927915427!3d28.527582456103037!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d1d4567aef7fd%3A0xddb0beddcd6d3c74!2sNew%20Delhi%2C%20Delhi%2C%20India!5e0!3m2!1sen!2sin!4v1603794290143!5m2!1sen!2sin"
-                                        frameborder="0" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
+                                    </div>
+                                    <div class="col-md-6">
+                                        <div class="form">
+                                            <input type="text" class="form-control" id="city" name="city"
+                                                placeholder="Your City" required>
+                                            <label for="city">Your City</label>
+                                        </div>
+                                    </div>
+                                    <div class="col-12">
+                                        <div class="form">
+                                            <input type="text" class="form-control" id="subject" name="subject"
+                                                placeholder="Subject" required>
+                                            <label for="subject">Subject</label>
+                                        </div>
+                                    </div>
+                                    <div class="col-12">
+                                        <div class="form">
+                                            <textarea class="form-control" placeholder="Leave a message here"
+                                                id="message" name="message" style="height: 100px ; font-size: 15px;"
+                                                required></textarea>
+                                            <label for="message">Message</label>
+                                        </div>
+                                    </div>
+                                    <div class="col-12 d-flex justify-content-center">
+                                        <button class="btn btn-primary w-100 py-3" id="contact">Send
+                                            Message</button>
+                                    </div>
                                 </div>
-                            </div>
+                            </form>
+
+                        </div>
+                    </div>
+                    <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
+                        <div class="h-100" style="min-height: 400px;">
+                            <iframe class="rounded w-100 h-100"
+                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d224346.77249238306!2d77.06889927915427!3d28.527582456103037!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d1d4567aef7fd%3A0xddb0beddcd6d3c74!2sNew%20Delhi%2C%20Delhi%2C%20India!5e0!3m2!1sen!2sin!4v1603794290143!5m2!1sen!2sin"
+                                frameborder="0" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                         </div>
                     </div>
                 </div>
-                <!-- Contact End -->
-
-
             </div>
-            <footer>
-                <p class="m-0" style="text-align: center; padding-top: 10px;">&copy; 2024 Swasthya Point</p>
-              </footer>
-        </div>
         </div>
-        </div>
-        </section>
-        <script>
-            var content = document.getElementsByTagName('body')[0];
-            var darkMode = document.getElementById('dark-change');
-            darkMode.addEventListener('click', function () {
-                darkMode.classList.toggle('active');
-                content.classList.toggle('night');
-            })
-        </script>
-
-        <script>
-            // Get the form and submit button
-const form = document.querySelector('form');
-const submitButton = document.querySelector('#contact');
-
-// Add an event listener to the submit button
-submitButton.addEventListener('click', function(event) {
-    // Prevent the default form submission behavior
-    event.preventDefault();
-
-    // Get the input fields
-    const nameInput = document.querySelector('#name');
-    const emailInput = document.querySelector('#email');
-    const phoneInput = document.querySelector('#phone');
-    const cityInput = document.querySelector('#city');
-    const subjectInput = document.querySelector('#subject');
-    const messageInput = document.querySelector('#message');
-
-    // Clear the input fields
-    nameInput.value = '';
-    emailInput.value = '';
-    phoneInput.value = '';
-    cityInput.value = '';
-    subjectInput.value = '';
-    messageInput.value = '';
-
-    // Display an alert
-    alert('Your details have been submitted!');
-});
-        </script>
-      
-
-
-        </main>
-
-        <footer class="bg-gray-900">
-            <div class="container mx-auto">
-                <div class="row py-4 flex justify-center">
-                    <div class="col-md-5 text-white hover:text-blue-400">
-                        <h5 class="text-xl font-semibold hover:text-blue-400" style="font-size: 20px;">Medical</h5><br>
-                        <p class="hover:text-blue-300">Prioritize your health<br> with top healthcare providers,<br> personalized treatments, and <br>easy management of your health journey.</p>
-                    </div>
-                    <div class="col-md-4 text-white hover:text-blue-400">
-                        <h5 class="text-xl font-semibold hover:text-blue-400">New York</h5>
-                        <p class="hover:text-blue-300">
-                            709 Honey Creek Dr, Delhi  NY 10028,1-888-299-2000,medical.in
-                        </p>
-                        
-                    
-                        <h2 class="text-xl font-semibold hover:text-blue-400">Aligarh</h2>
-                        <p class="hover:text-blue-300">
-                            4851 Willow Greene Drive Montgomery AL 36109,1-888-299-2000,med
-                        </p>
-                        
+        <!-- Contact End -->
+
+
+    </div>
+    <footer>
+        /* <p class="m-0" style="text-align: center; ">&copy; 2024 Swasthya Point</p> */
+    </footer>
+    </div>
+
+    <script>
+        var content = document.getElementsByTagName('body')[0];
+        var darkMode = document.getElementById('dark-change');
+        darkMode.addEventListener('click', function () {
+            darkMode.classList.toggle('active');
+            content.classList.toggle('night');
+        })
+    </script>
+
+    <script>
+        // Get the form and submit button
+        const form = document.querySelector('form');
+        const submitButton = document.querySelector(#contact);
+
+        // Add an event listener to the submit button
+        submitButton.addEventListener('click', function (event) {
+            // Prevent the default form submission behavior
+            event.preventDefault();
+
+            // Get the input fields
+            const nameInput = document.querySelector('#name');
+            const emailInput = document.querySelector('#email');
+            const phoneInput = document.querySelector('#phone');
+            const cityInput = document.querySelector('#city');
+            const subjectInput = document.querySelector('#subject');
+            const messageInput = document.querySelector('#message');
+
+            // Clear the input fields
+            nameInput.value = '';
+            emailInput.value = '';
+            phoneInput.value = '';
+            cityInput.value = '';
+            subjectInput.value = '';
+            messageInput.value = '';
+
+            // Display an alert
+            alert('Your details have been submitted!');
+        });
+    </script>
+
+
+
+    </main>
+
+    <footer class="bg-red-500 h-[30vh]">
+        <!-- <div class="footercolor"> -->
+        <section class="footer" id="footer" style="background-color: black ">
+            <hr> <!-- Horizontal line -->
+
+            <!-- Parent div wrapping all footer content -->
+            <div class="footer-row">
+
+                <!-- Child div for 'About Scruter' -->
+                <div class="footer-column">
+                    <h3>About Swasthy</h3>
+                   <div class="text-white, text-2xl">Swasthy provides online consultations, health information, diagnostic tests, and affordable
+                    services across various specialties, ensuring accessible healthcare for all.</div>
+                </div>
+
+                <!-- Child div for 'Quick Links' -->
+                <div class="footer-column">
+                    <h3 class="ml-20">Quick Links</h3>
+                    <a class="ml-20" href="#">About Us</a>
+                    <a class="ml-20" href="#">Our Team</a>
+                    <a class="ml-20" href="#">Privacy Policy</a>
+                    <a class="ml-20" href="#">Terms of Service</a>
+                    <a class="ml-20" href="#">Our Contributors</a>
+                </div>
+
+                <!-- Child div for 'Help Desk' -->
+                <div class="footer-column">
+                    <h3>Help Desk</h3>
+                    <a href="#">Help Center</a>
+                    <a href="#">FAQ</a>
+                    <a href="#">Contact Us</a>
+                    <a href="#">Support</a>
+                </div>
+
+                <!-- Child div for 'Follow Us' -->
+                <div class="footer-column">
+                    <h3 class="ml-40">Follow Us</h3>
+                    <div  class="social-icons">
+                        <a  href="#"><i class="fa-brands fa-linkedin "></i></a>
+                        <a  href="#"><i class="fa-brands fa-facebook "></i></a>
+                        <a  href="#"><i class="fa-brands fa-x-twitter "></i></a> <!-- Updated X icon -->
+                        <a  href="#"><i class="fa-brands fa-instagram "></i></a>
+                        <a  href="#"><i class="fa-brands fa-pinterest "></i></a>
                     </div>
                 </div>
+
             </div>
-        </footer>
-        
-
-        <script> configObj = {
-                "buttonD": "M8 17.333h5.333v4C13.333 22.806 14.527 24 16 24c1.473 0 2.667-1.194 2.667-2.667v-4H24L16 8l-8 9.333z", "buttonT": "translate(-1088 -172) translate(832 140) translate(32 32) translate(224)",
-                "shadowSize": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
-                "roundnessSize": "999px",
-                "buttonDToBottom": "32px",
-                "buttonDToRight": "32px",
-                "selectedBackgroundColor": "#13324b",
-                "selectedIconColor": "#b3ddff",
-                "buttonWidth": "56px",
-                "buttonHeight": "56px",
-                "svgWidth": "48px",
-                "svgHeight": "48px"
-            };
-            function createButton(obj, pageSimulator) {
-                const body = document.querySelector("body");
-                backToTopButton = document.createElement("span");
-                backToTopButton.classList.add("softr-back-to-top-button");
-                backToTopButton.id = "softr-back-to-top-button";
-                pageSimulator ? pageSimulator.appendChild(backToTopButton) : body.appendChild(backToTopButton);
-                backToTopButton.style.width = obj.buttonWidth;
-                backToTopButton.style.height = obj.buttonHeight;
-                backToTopButton.style.marginRight = obj.buttonDToRight;
-                backToTopButton.style.marginBottom = obj.buttonDToBottom;
-                backToTopButton.style.borderRadius = obj.roundnessSize;
-                backToTopButton.style.boxShadow = obj.shadowSize;
-                backToTopButton.style.color = obj.selectedBackgroundColor;
-                backToTopButton.style.backgroundColor = obj.selectedBackgroundColor;
-                pageSimulator ? backToTopButton.style.position = "absolute" : backToTopButton.style.position = "fixed";
-                backToTopButton.style.outline = "none";
-                backToTopButton.style.bottom = "0px";
-                backToTopButton.style.right = "0px";
-                backToTopButton.style.cursor = "pointer";
-                backToTopButton.style.textAlign = "center";
-                backToTopButton.style.border = "solid 2px currentColor";
-                backToTopButton.innerHTML = '<svg class="back-to-top-button-svg" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" > <g fill="none" fill-rule="evenodd"> <path d="M0 0H32V32H0z" transform="translate(-1028 -172) translate(832 140) translate(32 32) translate(164) matrix(1 0 0 -1 0 32)" /> <path class="back-to-top-button-img" fill-rule="nonzero" d="M11.384 13.333h9.232c.638 0 .958.68.505 1.079l-4.613 4.07c-.28.246-.736.246-1.016 0l-4.613-4.07c-.453-.399-.133-1.079.505-1.079z" transform="translate(-1028 -172) translate(832 140) translate(32 32) translate(164) matrix(1 0 0 -1 0 32)" /> </g> </svg>';
-                backToTopButtonSvg = document.querySelector(".back-to-top-button-svg");
-                backToTopButtonSvg.style.verticalAlign = "middle";
-                backToTopButtonSvg.style.margin = "auto";
-                backToTopButtonSvg.style.justifyContent = "center";
-                backToTopButtonSvg.style.width = obj.svgWidth;
-                backToTopButtonSvg.style.height = obj.svgHeight;
-                backToTopButton.appendChild(backToTopButtonSvg);
-                backToTopButtonImg = document.querySelector(".back-to-top-button-img");
-                backToTopButtonImg.style.fill = obj.selectedIconColor;
-                backToTopButtonSvg.appendChild(backToTopButtonImg);
-                backToTopButtonImg.setAttribute("d", obj.buttonD);
-                backToTopButtonImg.setAttribute("transform", obj.buttonT); if (!pageSimulator) {
-                    backToTopButton.style.display = "none";
-                    window.onscroll = function () {
-                        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { backToTopButton.style.display = "block"; }
-                        else { backToTopButton.style.display = "none"; }
-                    };
-                    backToTopButton.onclick = function () { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; };
-                }
-            }; document.addEventListener("DOMContentLoaded", function () { createButton(configObj, null); });</script>
-
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
-            crossorigin="anonymous"></script>
-        <script src="./index.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe-lightbox.umd.min.js"
-            integrity="sha512-D16CBrIrVF48W0Ou0ca3D65JFo/HaEAjTugBXeWS/JH+1KNu54ZOtHPccxJ7PQ44rTItUT6DSI6xNL+U34SuuQ=="
-            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-        <script>
-            const lightbox = new PhotoSwipeLightbox({
-                gallery: '#gallery',
-                children: 'a',
-                showHideAnimationType: 'fade',
-                pswpModule: () => import('https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/photoswipe.esm.min.js')
-            });
-            lightbox.init();
-        </script>
-        <script>
-            const show = document.getElementById("shownav");
-            const navbar = document.querySelector('.navbar');
-            show.addEventListener('click',()=>{
-                console.log("show clicked");
-                navbar.style.right='0%';
-                show.style.display='none'
-            })
-            const hide = document.getElementById("hidenav");
-            hide.addEventListener('click',()=>{
-                console.log("hide clicked");
-                navbar.style.right='-100%';
-                show.style.display='block'
-            })
-            navbar.addEventListener('click',()=>{
-                console.log("hide clicked");
-                navbar.style.right='-100%';
-                show.style.display='block'
-            })
-        </script>
-        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
-        <script>
-            AOS.init();
-        </script>
-        <footer style="background-color: black;">
-        
-
-
-<ul class="social-list" style="display: flex; margin-left: 1310px;">
-
-
-  <li>
-    <a href="#" class="social-link">
-        <i class="fa-brands fa-twitter fa-xl" style="color: #ffffff;"></i>
-    </a>
-  </li>
-
-  <li>
-    <a href="#" class="social-link">
-        <i class="fa-brands fa-linkedin fa-xl" style="color: #ffffff;"></i>
-    </a>
-  </li>
-
-  <li>
-    <a href="#" class="social-link">
-        <i class="fa-brands fa-github fa-xl" style="color: #ffffff;"></i>
-    </a>
-  </li>
-
- 
-
-</ul>
-
-
-
-</div>
-
-</div>
-</footer>
-
-<script> window.chtlConfig = { chatbotId: "7945237894" } </script>
-<script async data-id="7945237894" id="chatling-embed-script" type="text/javascript" src="https://chatling.ai/js/embed.js"></script>
-
-    </body>
-   
-</html>
+
+            <!-- Footer credit -->
+            <div class="credit">
+                <p>Made with ❤ by Team Swasthya.</p>
+            </div>
+        </section>
+        <!-- </div> -->
+
+        <!-- Footer Section Ends Here -->
+    </footer>
+
+    <style>
+        /* Footer styles */
+
+
+        .footer {
+            padding: 20px;
+            background-color: #FF6F61;
+            /* Ice cream color */
+            color: white;
+            width: 100%;
+        }
+
+        .footer hr {
+            border: 0;
+            border-top: 1px solid white;
+            margin: 20px 0;
+        }
+
+        /* Parent div styling */
+        .footer-row {
+            display: flex;
+            justify-content: space-between;
+            /* Ensures space between child divs */
+            flex-wrap: nowrap;
+            /* Prevent wrapping */
+            align-items: flex-start;
+            /* Aligns child divs at the top */
+        }
+        .footer p{
+            font-size: 1vw;
+           
+        }
+
+        /* Child div styling */
+        .footer-column {
+            flex: 1;
+            min-width: 200px;
+            /* Ensures child divs do not shrink too much */
+            margin: 0 15px;
+        }
+
+        .footer h3 {
+            margin-bottom: 10px;
+            font-size: 1.5vw;
+            color: white;
+        }
+
+        .footer a {
+            display: block;
+            color: white;
+            transition: color 0.3s;
+            margin-bottom: 5px;
+            size: 1vw;
+        }
+
+        .footer a:hover {
+            color: #ddd;
+            /* Subtle hover effect */
+        }
+
+        /* Social icons container */
+        .footer .social-icons {
+            display: flex;
+            justify-content: center;
+            font-size: large;
+           
+            /* Center align icons */
+        }
+
+      .footer a{
+        font-size: 1vw;
+      }
+        .footer .social-icons a {
+            margin: 0 10px;
+            color: white;
+            transition: color 0.3s;
+            margin-top: 2vw;
+            margin-right: 2vw;
+           
+        }
+
+        .footer .social-icons a:hover {
+            color: #ddd;
+            /* Subtle hover effect */
+        }
+
+        /* Footer credit */
+        .footer .credit {
+            margin-top: 20px;
+            width: 100%;
+            text-align: center;
+        }
+
+        /* Footer Styles */
+    </style>
+
+
+
+
+    <script> configObj = {
+            "buttonD": "M8 17.333h5.333v4C13.333 22.806 14.527 24 16 24c1.473 0 2.667-1.194 2.667-2.667v-4H24L16 8l-8 9.333z", "buttonT": "translate(-1088 -172) translate(832 140) translate(32 32) translate(224)",
+            "shadowSize": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+            "roundnessSize": "999px",
+            "buttonDToBottom": "32px",
+            "buttonDToRight": "32px",
+            "selectedBackgroundColor": "#13324b",
+            "selectedIconColor": "#b3ddff",
+            "buttonWidth": "56px",
+            "buttonHeight": "56px",
+            "svgWidth": "48px",
+            "svgHeight": "48px"
+        };
+        function createButton(obj, pageSimulator) {
+            const body = document.querySelector("body");
+            backToTopButton = document.createElement("span");
+            backToTopButton.classList.add("softr-back-to-top-button");
+            backToTopButton.id = "softr-back-to-top-button";
+            pageSimulator ? pageSimulator.appendChild(backToTopButton) : body.appendChild(backToTopButton);
+            backToTopButton.style.width = obj.buttonWidth;
+            backToTopButton.style.height = obj.buttonHeight;
+            backToTopButton.style.marginRight = obj.buttonDToRight;
+            backToTopButton.style.marginBottom = obj.buttonDToBottom;
+            backToTopButton.style.borderRadius = obj.roundnessSize;
+            backToTopButton.style.boxShadow = obj.shadowSize;
+            backToTopButton.style.color = obj.selectedBackgroundColor;
+            backToTopButton.style.backgroundColor = obj.selectedBackgroundColor;
+            pageSimulator ? backToTopButton.style.position = "absolute" : backToTopButton.style.position = "fixed";
+            backToTopButton.style.outline = "none";
+            backToTopButton.style.bottom = "0px";
+            backToTopButton.style.right = "0px";
+            backToTopButton.style.cursor = "pointer";
+            backToTopButton.style.textAlign = "center";
+            backToTopButton.style.border = "solid 2px currentColor";
+            backToTopButton.innerHTML = '<svg class="back-to-top-button-svg" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" > <g fill="none" fill-rule="evenodd"> <path d="M0 0H32V32H0z" transform="translate(-1028 -172) translate(832 140) translate(32 32) translate(164) matrix(1 0 0 -1 0 32)" /> <path class="back-to-top-button-img" fill-rule="nonzero" d="M11.384 13.333h9.232c.638 0 .958.68.505 1.079l-4.613 4.07c-.28.246-.736.246-1.016 0l-4.613-4.07c-.453-.399-.133-1.079.505-1.079z" transform="translate(-1028 -172) translate(832 140) translate(32 32) translate(164) matrix(1 0 0 -1 0 32)" /> </g> </svg>';
+            backToTopButtonSvg = document.querySelector(".back-to-top-button-svg");
+            backToTopButtonSvg.style.verticalAlign = "middle";
+            backToTopButtonSvg.style.margin = "auto";
+            backToTopButtonSvg.style.justifyContent = "center";
+            backToTopButtonSvg.style.width = obj.svgWidth;
+            backToTopButtonSvg.style.height = obj.svgHeight;
+            backToTopButton.appendChild(backToTopButtonSvg);
+            backToTopButtonImg = document.querySelector(".back-to-top-button-img");
+            backToTopButtonImg.style.fill = obj.selectedIconColor;
+            backToTopButtonSvg.appendChild(backToTopButtonImg);
+            backToTopButtonImg.setAttribute("d", obj.buttonD);
+            backToTopButtonImg.setAttribute("transform", obj.buttonT); if (!pageSimulator) {
+                backToTopButton.style.display = "none";
+                window.onscroll = function () {
+                    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { backToTopButton.style.display = "block"; }
+                    else { backToTopButton.style.display = "none"; }
+                };
+                backToTopButton.onclick = function () { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; };
+            }
+        }; document.addEventListener("DOMContentLoaded", function () { createButton(configObj, null); });</script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
+        crossorigin="anonymous"></script>
+    <script src="./index.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe-lightbox.umd.min.js"
+        integrity="sha512-D16CBrIrVF48W0Ou0ca3D65JFo/HaEAjTugBXeWS/JH+1KNu54ZOtHPccxJ7PQ44rTItUT6DSI6xNL+U34SuuQ=="
+        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+    <script>
+        const lightbox = new PhotoSwipeLightbox({
+            gallery: '#gallery',
+            children: 'a',
+            showHideAnimationType: 'fade',
+            pswpModule: () => import('https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/photoswipe.esm.min.js')
+        });
+        lightbox.init();
+    </script>
+    <script>
+        const show = document.getElementById("shownav");
+        const navbar = document.querySelector('.navbar');
+        show.addEventListener('click', () => {
+            console.log("show clicked");
+            navbar.style.right = '0%';
+            show.style.display = 'none'
+        })
+        const hide = document.getElementById("hidenav");
+        hide.addEventListener('click', () => {
+            console.log("hide clicked");
+            navbar.style.right = '-100%';
+            show.style.display = 'block'
+        })
+        navbar.addEventListener('click', () => {
+            console.log("hide clicked");
+            navbar.style.right = '-100%';
+            show.style.display = 'block'
+        })
+    </script>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script>
+    <footer style="background-color: red;">
+
+
+
+        <ul class="social-list" style="display: none; margin-left: 1310px;">
+
+
+            <li>
+                <a href="#" class="social-link">
+                    <i class="fa-brands fa-twitter fa-xl" style="color: #ffffff;"></i>
+                </a>
+            </li>
+
+            <li>
+                <a href="#" class="social-link">
+                    <i class="fa-brands fa-linkedin fa-xl" style="color: #ffffff;"></i>
+                </a>
+            </li>
+
+            <li>
+                <a href="#" class="social-link">
+                    <i class="fa-brands fa-github fa-xl" style="color: #ffffff;"></i>
+                </a>
+            </li>
+
+
+
+        </ul>
+
+
+
+        </div>
+
+        </div>
+    </footer>
+
+    <script> window.chtlConfig = { chatbotId: "7945237894" } </script>
+    <script async data-id="7945237894" id="chatling-embed-script" type="text/javascript"
+        src="https://chatling.ai/js/embed.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index a0eb876..f9f94a4 100644
--- a/style.css
+++ b/style.css
@@ -165,7 +165,7 @@ header{
 .navbar > a, .navbar > .dropdown {
     flex: 1; 
     text-align: center; 
-
+}
 #hidenav{
     position: absolute;
     cursor: pointer;
@@ -752,6 +752,7 @@ form{
 
 #gallery .image-container:hover img {
     transform: scale(1.5);
+}
 
 #gallery .image-container img {
     transition: transform 0.5s ease; /* Smooth transition for the sliding effect */