From c9d5896cc1d5d60959b9d05942583a6d33d062ca Mon Sep 17 00:00:00 2001 From: Kosuri Indu Date: Sun, 28 Jul 2024 00:10:33 +0530 Subject: [PATCH] Added flipping of cards nder about us --- index.css | 35 +++++++++++++++++++++++++ index.html | 76 +++++++++++++++++++++++++++++++----------------------- 2 files changed, 79 insertions(+), 32 deletions(-) diff --git a/index.css b/index.css index cc3fe47c..f59fc67c 100644 --- a/index.css +++ b/index.css @@ -904,3 +904,38 @@ body { .btn1{ padding:10px; } +.about-card { + perspective: 1000px; +} +.card-inner { + position: relative; + width: 100%; + height: 100%; + transition: transform 0.6s; + transform-style: preserve-3d; +} +.about-card:hover .card-inner { + transform: rotateY(180deg); +} +.card-front, .card-back { + position: absolute; + width: 100%; + height: 100%; + backface-visibility: hidden; +} +.card-back { + transform: rotateY(180deg); + background-color: black; + backface-visibility: hidden !important; +} +.card-front { + backface-visibility: hidden !important; +} +.card-back img { + width: 100%; + height: auto; + max-width: 300px; + max-height: 300px; + display: block; + margin: 0 auto; +} \ No newline at end of file diff --git a/index.html b/index.html index a1787e2e..965f0e0a 100644 --- a/index.html +++ b/index.html @@ -271,50 +271,62 @@

About Us

-
- -
Comprehensive Health Checkups
+
+
+
+ +
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.

+
+
+ Checkup Hover Image +
-

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
+
+
+
+ +
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.

+
+
+ Ward Hover Image +
-

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
+
+
+
+ +
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.

+
+
+ Appointment Hover Image +
-

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
+
+
+
+ +
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 Hover Image +
-

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.