From 46db219d55b4073d99057f6f0c7a49eeb6403b49 Mon Sep 17 00:00:00 2001 From: sanika1345 <153575361+sanika1345@users.noreply.github.com> Date: Fri, 10 Jan 2025 02:51:44 +0530 Subject: [PATCH] modified feedback section --- index.html | 136 ++++++++++++++--------------------------------------- style.css | 64 ++++++++++++++++++++++++- 2 files changed, 98 insertions(+), 102 deletions(-) diff --git a/index.html b/index.html index c83ea20..4b9138d 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + @@ -18,6 +18,7 @@ rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" /> + @@ -356,115 +357,49 @@

Meet Our Specialist

Our Patients FeedBack About Us

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia voluptates cupiditate, rerum rem odio fugit

+

Our patients' feedback is valuable to us. Here's what they have to say about our services:

- -
+
- - -
-
- -
- -
- -
- -
- -
- -
- Client Name - From China -
- - - - - -
-
-
- -

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa est odit dicta sequi labore perferendis ut veritatis expedita, nihil sint! Delectus aut id voluptatibus nemo dolorum, quos consequatur commodi repudiandae?

-
-
- - -
- -
- -
- -
- -
- -
- Client Name - From China -
- - - - - -
-
-
- -

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa est odit dicta sequi labore perferendis ut veritatis expedita, nihil sint! Delectus aut id voluptatibus nemo dolorum, quos consequatur commodi repudiandae?

-
-
- - -
- -
- -
- -
- -
- -
- Client Name - From China -
- - - - - -
-
-
- -

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa est odit dicta sequi labore perferendis ut veritatis expedita, nihil sint! Delectus aut id voluptatibus nemo dolorum, quos consequatur commodi repudiandae?

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

"Great service and friendly staff!"

+

- John Doe

+
+ +
+

"I felt very comfortable and well taken care of."

+

- Jane Smith

+
+ +
+

"Highly recommend this place to everyone!"

+

- Alice Johnson

+
+
+
+ +
+

How was your overall experience at We-Care

+
+ 😊 + 😐 + 😢 + 😍 + 😡 + 👍 +
+
+ @@ -598,4 +533,3 @@

Subscribe For New Updates From WeCare

- diff --git a/style.css b/style.css index f560340..cf7e2ea 100644 --- a/style.css +++ b/style.css @@ -1135,4 +1135,66 @@ footer{ grid-template-columns: 1fr; } } - \ No newline at end of file +.testimonials-box-container { + display: flex; + justify-content: space-around; + align-items: center; + margin-top: 20px; + margin-left: 100px; + width: 1000px; + +} + +.feedback-card { + background-color: #e0f7fa; + border: 1px solid #b2ebf2; + border-radius: 10px; + padding: 20px; + margin: 10px; + text-align: center; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + width: 300px; + transition: transform 0.3s, box-shadow 0.3s; +} + +.feedback-card:hover { + transform: translateY(-10px); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); +} + +.feedback-card p { + font-size: 16px; + color: #00796b; +} + +.feedback-card h4 { + font-size: 14px; + color: #004d40; + margin-top: 10px; +} + +.live-feedback { + margin-top: 20px; + text-align: center; + margin-left: 100px; +} + +.live-feedback h4 { + font-size: 18px; + color: #333; +} + +.emoji-container { + margin-top: 10px; +} + +.emoji { + font-size: 24px; + cursor: pointer; + margin: 0 10px; + transition: transform 0.2s; +} + +.emoji:hover { + transform: scale(1.2); +} \ No newline at end of file