From a4634c70e57a16869758eed122aa5ec1f05af844 Mon Sep 17 00:00:00 2001 From: Sayyad Aslam Date: Fri, 26 Jul 2024 22:14:09 +0530 Subject: [PATCH 1/2] Update faq Alignment --- index.html | 170 ++++++++++++++++++++++++++++------------------------- 1 file changed, 90 insertions(+), 80 deletions(-) diff --git a/index.html b/index.html index ca11657c..f75e4b6d 100644 --- a/index.html +++ b/index.html @@ -1028,94 +1028,104 @@
Top Stories : Brand Directory
- -
-
-

Frequently Asked Questions

-
-
-

- -

-
-
- To create an account on Flipkart, simply click on the "Sign Up" button located at the - top-right corner of the homepage. Follow the prompts to enter your details and create your - account. -
-
+ +
+

Frequently Asked Questions

+ +
+
+
+
+ Question Icon
-
-

- -

-
-
- Placing an order on Flipkart is easy! Once you've found the product you want to buy, click - on it to view details and then click on the "Buy Now" or "Add to Cart" button. Follow the - steps to complete your order. -
-
+
How do I create an account?
+

To create an account on Flipkart, simply click on the "Sign Up" button located + at the top-right corner of the homepage. Follow the prompts to enter your details and create + your account.

+
+
+
+
+
+ Question Icon
-
-

- -

-
-
- Flipkart offers various payment options including credit/debit cards, net banking, UPI, EMI, - and Cash on Delivery (COD) for eligible orders. -
-
+
How can I place an order?
+

Placing an order on Flipkart is easy! Once you've found the product you want + to buy, click on it to view details and then click on the "Buy Now" or "Add to Cart" button. +

+
+
+
+
+
+ Question Icon
-
-

- -

-
-
- You can track your order by clicking on the "Track Order" link in the "My Orders" section of - your Flipkart account. You will receive regular updates on your order status via email and - SMS. -
-
+
What payment options are available?
+

Flipkart offers various payment options including credit/debit cards, net + banking, UPI, EMI, and Cash on Delivery (COD) for eligible orders.

+
+
+
+
+
+ Question Icon
-
-

- -

-
-
- Flipkart has a hassle-free return policy. If you're not satisfied with your purchase, you - can initiate a return within the specified return period. Simply go to the "My Orders" - section, select the order you want to return, and follow the prompts. -
-
+
How can I track my order?
+

You can track your order by clicking on the "Track Order" link in the "My + Orders" section of your Flipkart account. You will receive regular updates on your order status + via email and SMS.

+
+
+
+
+
+ Question Icon +
+
What is Flipkart's return policy?
+

Flipkart has a hassle-free return policy. If you're not satisfied with your + purchase, you can initiate a return within the specified return period. Simply go to the "My + Orders" section, select the order you want to return, and follow the prompts.

+
+
+
+
+
+ Question Icon +
+
Is the cost of the appointment covered by private health insurance?
+

Many private health insurance plans cover the cost of our appointments. We recommend checking with your insurance provider to confirm the extent of your coverage. If you need documentation for your insurance claim, please let us know.

+
+
+
+
+
+ Question Icon +
+
What is your cancellation policy?
+

Our cancellation policy requires that you notify us at least 24 hours in advance if you need to cancel or reschedule your appointment. Failure to do so may result in a cancellation fee. We understand that emergencies happen, so please contact us as soon as possible.

+
+
+
+
+
+ Question Icon +
+
Do I need a referral?
+

Referrals are not necessary to book an appointment with us. However, if you have a referral from a healthcare provider, please bring it along to your appointment. It can provide useful background information for our consultants.

+
+
+
+
+
+ Question Icon
+
What are the parking and public transport options?
+

We offer complimentary parking for all our clients. Our office is also easily accessible by public transport. The nearest bus stop is a 5-minute walk, and the train station is about 10 minutes away. Detailed directions can be found on our website.

- +
+
From ca473f62cd7b783e57c856bb0a38146c65bffd98 Mon Sep 17 00:00:00 2001 From: Sayyad Aslam Date: Fri, 26 Jul 2024 22:14:19 +0530 Subject: [PATCH 2/2] Update faq style --- css/index.css | 128 ++++++++++++++------------------------------------ 1 file changed, 36 insertions(+), 92 deletions(-) diff --git a/css/index.css b/css/index.css index 5b69ef61..90b733de 100644 --- a/css/index.css +++ b/css/index.css @@ -488,139 +488,83 @@ Search Bar /* FAQ Section Styles */ + #faq { - background: linear-gradient(45deg , #e52e71, #2d7cea ); + background: rgb(234, 251, 253); + /* background-image: linear-gradient(90deg, #020024 0%, #092b79 35%, #00d4ff 100%); */ border-radius: 15px; padding: 30px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); - /* Increased box shadow */ - margin-bottom: 75px; + /* margin-top: 50px; */ } -#faq .heading { +.faq-heading { font-weight: bold; + display: block; color: #333; + font-size: 38px; + margin-bottom: 300px !important; } -.accordion-item { - border: none; +.faq-card { + background: white; border-radius: 10px; - margin-bottom: 20px; -} - -#faq .accordion .card { - border: none; - border-radius: 15px; - margin-bottom: 25px; - background-color: #fff; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + padding: 10px; + text-align: left; transition: transform 0.3s ease, box-shadow 0.3s ease; } -#faq .accordion .card:hover { +.faq-card:hover { transform: translateY(-5px); - /* Added hover effect */ box-shadow: 0 12px 20px rgba(0, 0, 0, 0.25); - /* Increased box shadow on hover */ -} - - -#faq .accordion .card-header { - background-color: #fff; - border: none; - border-radius: 15px 15px 0 0; - padding: 15px 20px; } -.accordion-header { - background-color: #fff; - border: none; - border-radius: 10px; - padding: 15px 20px; +.faq-icon { + text-align: center; + position: relative; + left: 400px; + /* top: 0px; */ + margin-bottom: 15px; } -.accordion-item .collapse { - visibility: visible; +.faq-icon img { + width: 20px; + height: 20px; } -#faq .accordion .btn-link { - font-size: 1.1rem; +.faq-question { + font-size: 18px; font-weight: bold; - color: #007bff; - text-decoration: none; - cursor: pointer; - width: 100%; - text-align: left; -} - -#faq .accordion .btn-link:hover { - text-decoration: underline; -} - -#faq .accordion .btn-link.collapsed { + /* margin-bottom: 10px; */ color: #333; } -#faq .accordion .card-body { - border-radius: 0 0 15px 15px; - padding: 20px; +.faq-answer { font-size: 16px; - background-color: #f9f9f9; -} - - -#faq .heading { - font-weight: bold; - color: white; - font-size: 30px; - text-align: center; -} - -#faq .accordion .accordion-item { - border: none; - border-bottom: 1px solid #ddd; -} - -#faq .accordion .accordion-button { - font-size: 1.1rem; - font-weight: bold; - color: blueviolet; - text-decoration: none; - cursor: pointer; -} - -#faq .accordion .accordion-button:hover { - text-decoration: underline; -} - -#faq .accordion .accordion-button:not(.collapsed) { - color: blueviolet; - background-color: #fff; -} - -#faq .accordion .accordion-body { - padding: 1rem 1.25rem; - background-color: #f8f9fa; + color: #555; } /* Responsive Styles */ @media (max-width: 768px) { - #faq .heading { + .faq-heading { font-size: 1.5rem; } - #faq .accordion .accordion-button { - font-size: 1rem; + .faq-card { + padding: 15px; } - #faq .accordion .accordion-body { - padding: 0.75rem 1rem; + .faq-question { + font-size: 1.1rem; } - .mdHide { - display: none; + .faq-answer { + font-size: 0.9rem; } } + /* faq css end */