diff --git a/darkmode.css b/darkmode.css new file mode 100644 index 00000000..f6f5c96b --- /dev/null +++ b/darkmode.css @@ -0,0 +1,102 @@ +.toggle { + cursor: pointer; + position: relative; + display: flex; + justify-content: space-between; + width: 62px; + height: 30px; + border: 2px solid white; + /* Further adjusted width to make the toggle box smaller */ + border-radius: 25px; + /* Adjusted for smaller height */ + transition: .2s; + align-items: center; +} + +.toggle i { + width: 50%; + line-height: 30px; + /* Adjusted to match smaller height */ + text-align: center; + font-size: 16px; + /* Adjusted font size for smaller icons */ + z-index: 1; +} + +.toggle .ball { + position: absolute; + width: 25px; + /* Adjusted ball size */ + height: 25px; + /* Adjusted ball size */ + margin: 2.5px; + /* Adjusted margin to center the ball */ + border-radius: 50%; + transition: .3s ease-out; +} + +input { + display: none; +} + + +/* -- Light Mode -- */ + +.light { + background: #72f183; +} + +.light .toggle .bxs-sun { + color: #fafafa; +} + +.light .toggle .bx-moon { + color: #198754; +} + +.light .toggle .ball { + background: #198754; +} + + +/* -- Dark Mode -- */ + +.dark { + background: #151d2a; +} + +.dark .toggle { + background: #151d2a; + box-shadow: 3px 3px 3px #0e131b, -3px -3px 3px #1c2739; +} + +.dark .toggle .bx { + color: #fafafa; +} + +.dark .toggle .bxs-moon { + color: #080cc3; +} + +.bxs-sun { + color: #ff8f00; +} + +.toggle .ball { + background: #fafafa; + transform: translateX(0%); +} + +.dark .toggle .ball { + background: #fafafa; + transform: translateX(115%); + /* Adjusted for smaller toggle width */ +} + +.dark { + .media-body { + p { + color: white; + } + } +} \ No newline at end of file diff --git a/darkmode.js b/darkmode.js new file mode 100644 index 00000000..a4194d58 --- /dev/null +++ b/darkmode.js @@ -0,0 +1,11 @@ + const body = document.querySelector("body"); + const toggle = document.querySelector("#toggle"); + const sunIcon = document.querySelector(".toggle .bxs-sun"); + const moonIcon = document.querySelector(".toggle .bx-moon"); + + toggle.addEventListener("change", () => { + + body.classList.toggle("dark"); + sunIcon.className = sunIcon.className == "bx bxs-sun" ? "bx bx-sun" : "bx bxs-sun"; + moonIcon.className = moonIcon.className == "bx bxs-moon" ? "bx bx-moon" : "bx bxs-moon"; + }); \ No newline at end of file diff --git a/index.html b/index.html index c083cff0..8337da3f 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,834 @@ + + + + + + + + + + + + + + + RapiDoc + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + .nav-h { + height: 5.5rem; + width: 100vw; + } + + .vis-h { + opacity: 0; + } + + .img { + position: relative; + left: 300px; + bottom: 12px; + } + } + + @media screen and (max-width: 992px) { + .container { + flex-wrap: wrap; + justify-content: center; + } + + .sec-img { + max-width: 100%; + margin: 20px 0; + position: relative; + top: 0; + right: 0; + + } + + .content { + text-align: center; + padding: 10px; + } + } + + @media screen and (max-width: 768px) { + .content { + text-align: center; + padding: 10px; + } + + .sec-img { + max-width: 100%; + margin: 20px 0; + position: relative; + top: 0; + right: 0; + } + } + + /*Preloader CSS*/ + .pre { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + transition: opacity 2s ease-out, visibility 2s ease-out; + opacity: 1; + visibility: visible; + z-index: 9999; + } + + .pre--hidden { + opacity: 0; + visibility: hidden; + } + + .loader { + display: block; + position: relative; + width: 150px; + height: 150px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #55a5ea; + animation: spin 3s linear infinite; + } + + .loader:before { + content: ""; + position: absolute; + top: 5px; + left: 5px; + right: 5px; + bottom: 5px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #3fbcc0c6; + animation: spin 3s linear infinite; + } + + .loader:after { + content: ""; + position: absolute; + top: 15px; + left: 15px; + right: 15px; + bottom: 15px; + border-radius: 50%; + border: 3px solid transparent; + border-top-color: #fff; + animation: spin 1.5s linear infinite; + } + + @keyframes spin { + 0% { + transform: rotate(0deg); + } + + 100% { + transform: rotate(360deg); + } + } + + .avatar { + margin: 20px 100px; + padding-left: 50px; + padding-right: 60px; + } + + .textbox input { + width: 240px; + height: 40px; + align-items: center; + margin-left: 10px; + margin-right: 20px; + } + + .btn { + margin-left: 2px; + width: 230px; + height: 40px; + background-color: #00C896; + border: none; + font-size: 1rem; + border-radius: 20px; + margin-bottom: 20px; + } + + #appointment.appointment.section-bg { + margin: 0px 280px 100px; + } + + #appointment.appointment.section-bg h2 { + margin: 0px 115px; + } + + form.php-email-form { + width: 300px; + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-content: flex-start + } + + .loader--hidden { + opacity: 0; + visibility: hidden; + } + + + @@ -47,7 +875,7 @@ crossorigin="anonymous" referrerpolicy="no-referrer" /> - + + + +
+
+
@@ -97,35 +930,119 @@ - EMERGENCY + E
- - + +
+
+ +
+ +
-
-
-

- Welcome to RapiDoc!
Your one-stop digital
healthcare - destination -

-

- Download Now -

-
- +
-
+ + + +
+
-
+




+ + +
+ + + + + +
- + + - + -
-
-

About Us

+
+
+

About Us

-
-
- -
-
-
-
-
+
+
+ +
+
+
+
+
-
-
-
HEALTH CHECKUPS
-
Bootcamps, personalised check-ups,newsletter, it's all here
-
-
-
-
-
- +
+
+
HEALTH CHECKUPS
+
Bootcamps, personalised check-ups,newsletter, it's all here
+
+
+
+
+
+

About Us

453.846,425.271 501.499,342.74 351.267,255.99 " /> -
-
-
-
EMERGENCY WARDS
-
Avoid rush and get immediate medical assistance, the wards and vacancies.
-
-
-
-
-
- +
+
+
+
EMERGENCY WARDS
+
Avoid rush and get immediate medical assistance, the wards and vacancies.
+
+
+
+
+
+ question @@ -235,222 +1139,205 @@

About Us

+
+
+
+
SERVICES
+
An apple a day won't keep Rapidoc away. We are always here at your service, bringing to you the best facilities.
+
+
+
+
+
+
+
+ +
Comprehensive Health Checkups
+
+

At Rapidoc, we prioritize your well-being with thorough health checkups that are designed to detect potential health issues early. Our comprehensive packages include a range of tests and screenings, providing a detailed analysis + of your health status. Book your health checkup easily through our platform and receive personalized recommendations from our medical experts.

+
+
+
+ +
Emergency Ward Availability
+
+

In critical situations, every second counts. Rapidoc offers real-time updates on the availability of emergency wards across various hospitals. This feature ensures that you can find the nearest hospital with an open emergency ward + promptly, facilitating quicker access to urgent medical care when you need it most.

+
+
+
+
+
+ +
Seamless Appointment Booking
+
+

Say goodbye to long queues and waiting times with Rapidoc's seamless appointment booking system. Our platform allows you to prebook appointments with specialists across numerous hospitals. This ensures you receive timely consultations + and reduces the hassle of waiting, making your healthcare experience more efficient and convenient.

+
+
+
+ +
Personalized Healthcare Services
+
+

Rapidoc is dedicated to offering personalized healthcare services tailored to meet your unique needs. Our platform connects you with a variety of specialists and healthcare providers, ensuring you receive the best possible care. + From tailored treatment plans to ongoing health management, Rapidoc supports your journey to optimal health with expert guidance and personalized attention.

+
-
-
-
SERVICES
-
An apple a day won't keep Rapidoc away. We are always here at your service, bringing - to you the best facilities.
-
-
-
-
-
- -
Comprehensive Health Checkups
-
-

At Rapidoc, we prioritize your well-being with thorough health checkups that - are designed to detect potential health issues early. Our comprehensive packages include a range of tests - and screenings, providing a detailed analysis of your health status. Book your health checkup easily - through our platform and receive personalized recommendations from our medical experts.

-
-
-
- -
Emergency Ward Availability
-
-

In critical situations, every second counts. Rapidoc offers real-time updates - on the availability of emergency wards across various hospitals. This feature ensures that you can find - the nearest hospital with an open emergency ward promptly, facilitating quicker access to urgent medical - care when you need it most.

-
-
-
-
-
- -
Seamless Appointment Booking
-
-

Say goodbye to long queues and waiting times with Rapidoc's seamless - appointment booking system. Our platform allows you to prebook appointments with specialists across - numerous hospitals. This ensures you receive timely consultations and reduces the hassle of waiting, - making your healthcare experience more efficient and convenient.

-
-
-
- -
Personalized Healthcare Services
-
-

Rapidoc is dedicated to offering personalized healthcare services tailored to - meet your unique needs. Our platform connects you with a variety of specialists and healthcare providers, - ensuring you receive the best possible care. From tailored treatment plans to ongoing health management, - Rapidoc supports your journey to optimal health with expert guidance and personalized attention.

-
-
- - - - - - - - - - - -
-
+ + + + + + + + +
+
+ +
+ +
+
+ + +

Doctors Available

Doctors listed on our website.


+ Find out more » +
+
+ +
+
+ + +

Beds Available

Nearby emergency beds available.


+ Find out more » +
+
+ +
+
+ + +

Nearest Labs

Test labs and clinics near you.


+ Find out more » +
+
+ +
+
+ + +

User Reviews

Over 1K positive reviews.


+ Find out more » +
+
-
-
- - -

Nearest Labs

Test labs and clinics near you.


- Find out more » -
-
+
-
-
- - -

User Reviews

Over 1K positive reviews.


- Find out more »
-
- -
+
+ -
-
+ - +
+
+

Services

+

Our services are for your good health. We are with you at every digital step.

+
+
+
+
+
+

Clinics/Labs

+

Locate the best healthcare facilities around you hassle-free.From routine check-ups to specialized treatments, find the right clinic or lab that meets your needs. Our database is updated regularly to ensure you have the most accurate + information. +

+
+
-
-
-

Services

-

Our services are for your good health. We are with you at every digital step.

-
-
-
-
-
-

Clinics/Labs

-

Locate the best healthcare facilities around you hassle-free.From routine check-ups to specialized - treatments, find the right clinic or lab that meets your needs. Our database is updated regularly to - ensure you have the most accurate information.

-
-
+
+
+
+

Pharmacy

+

Get your prescribed medicines delivered at your doorstep.Our pharmacy service ensures you never miss a dose with timely reminders and easy refill options. Enjoy the convenience of home delivery and exclusive discounts on a wide + range of medicines.

+
+
-
-
-
-

Pharmacy

-

Get your prescribed medicines delivered at your doorstep.Our pharmacy service ensures you never miss a - dose with timely reminders and easy refill options. Enjoy the convenience of home delivery and exclusive - discounts on a wide range of medicines.

-
-
+
+
+
+

Daily Feed

+

Access to heath benefits like bootcamps, vaccination drives and much more.Stay informed about the latest health trends, wellness tips, and upcoming events in your area. Participate in community health initiatives and boost your + wellbeing. +

+
+
-
-
-
-

Daily Feed

-

Access to heath benefits like bootcamps, vaccination drives and much more.Stay informed about the latest - health trends, wellness tips, and upcoming events in your area. Participate in community health - initiatives and boost your wellbeing. -

-
-
+
+
+
+

Blood Bank

+

Know the blood banks and blood groups available around you. No one should suffer ỉn emergencies.Find the nearest blood donation centers, check blood availability, and get information on how to donate or request blood in urgent + situations. +

+
+
-
-
-
-

Blood Bank

-

Know the blood banks and blood groups available around you. No one should suffer ỉn emergencies.Find the - nearest blood donation centers, check blood availability, and get information on how to donate or request - blood in urgent situations.

-
-
-
-
-
-

Disabled Person

-

Convenient medical care is here. Wheelchair accessible hospitals and clinics, find all in one go.Access - resources and support tailored to the needs of individuals with disabilities, ensuring a seamless - healthcare experience for everyone.

-
-
+
+
+
+

Disabled Person

+

Convenient medical care is here. Wheelchair accessible hospitals and clinics, find all in one go.Access resources and support tailored to the needs of individuals with disabilities, ensuring a seamless healthcare experience for + everyone. +

+
+
@@ -469,38 +1356,72 @@

Health Post

Patient Portal

Access your medical records, lab results, and prescription history securely.

-
- - - -
-
- +
+ + +
+
+
+

Patient Portal

+

Access your medical records, lab results, and prescription history securely.

+
+
+ + + +
+
+
+ +
+
+
+

Make an Appointment

+

We listed the docs, we made you a form. You make us an appointment.

+
+
+
+ +
+
+ +
+
+ + -
-
- - -
-
- + +
+
+ -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
- - - - -
-
-

Doctors

-

Don’t compromise your health when we have listed the best doctors for you!

-
-
-
-
-
-
-
-

Dermatologist

-
-
-
+
+
+ +
+
-
+
+ -
-
-
-
-

Gynecologist

-
-
-
-
-
-
-
-
-
-

Cardiologist

-
-
-
+ +
+
+

Doctors

+

Don’t compromise your health when we have listed the best doctors for you!

-
- -
-
-
-
-

ENT

-
-
-
+
+
+
+
+
+
+

Dermatologist

+
+
+
+
+
+ +
+
+
+
+

Gynecologist

+
+
+
+
+
+ +
+
+
+
+

Cardiologist

+
+
+
+
+
+ +
+
+
+
+

ENT

+
+
+
+
+
+ +
+
+
+
+

Pediatrician

+
+
+
+
+
+
+
-
- -
-
-
-
-

Pediatrician

+ + + + + +
+
+

Contact

+

Located your appointment. Feel free to give us feedback and help us improve our digital med care.

+
+
+ +
+
+ + FNF Mods +
+ +

-
+
+
+
+
+ +

Location:

+

IGDTUW, Delhi

+
+ +
+ +

Call:

+

+91 1234567890

+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ Thank you for your message. We will get back to you shortly. +
+
-
+ +
+ + + + + + + + + + + +
+

+ What our Patients Say +

+ +
+
+
+
+
+ +
+

Dinesh Karthik

+ Bangalore +
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod enim, architecto eum pariatur explicabo aliquam incidunt provident vero nostrum quam!

+
+ + + + + +
+
+ +
+
+ +
+

Virat Kohli

+ Delhi +
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod enim, architecto eum pariatur explicabo aliquam incidunt provident vero nostrum quam!

+
+ + + + +
+
+ +
+
+ +
+

Smrithi Mandanna

+ Mumbai +
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod enim, architecto eum pariatur explicabo aliquam incidunt provident vero nostrum quam!

+
+ + + + +
+
+ +
+
+ +
+

John Doe

+ Chennai +
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod enim, architecto eum pariatur explicabo aliquam incidunt provident vero nostrum quam!

+
+ + + + + +
+
+ +
+
+ +
+

Shikha Pandey

+ Kolkata +
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod enim, architecto eum pariatur explicabo aliquam incidunt provident vero nostrum quam!

+
+ + + + +
+
+
+
@@ -717,6 +1916,7 @@

Call:

+ + - + - -