From ae5a14655fd425730250996261a278c0402f7af0 Mon Sep 17 00:00:00 2001 From: J V Kousthub Date: Sun, 13 Oct 2024 13:40:33 +0530 Subject: [PATCH 1/4] Enhancement of FAQ --- index.html | 99 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 98 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 0c2e5a8b..f50c53e2 100644 --- a/index.html +++ b/index.html @@ -625,7 +625,7 @@

Juices -
+ + + + + +
+
+
What is your return policy?
+
Our return policy lasts 30 days...
+
+
+
How do I track my order?
+
You can track your order using the tracking number...
+
+
+
How long does shipping take?
+
Shipping typically takes 5-7 business days, depending on your location.
+
+
+
Can I change my order after it's been placed?
+
If your order hasn't been processed yet, you can contact us to make changes.
+
+
+
Do you ship internationally?
+
Yes, we offer international shipping to select countries.
+
+
+
Do you offer discounts for bulk orders?
+
Yes, we provide discounts on bulk orders. Please contact our sales team for more details.
+
+
+ +

+ +

From 995a0baf704d5096290d1890cb07d2e3dc0a0be2 Mon Sep 17 00:00:00 2001 From: J V Kousthub Date: Sun, 13 Oct 2024 14:12:36 +0530 Subject: [PATCH 2/4] Added arrow to faq --- index.html | 45 +++++++++++++++++++++++++++++++++++++-------- 1 file changed, 37 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index f50c53e2..6e8a6be9 100644 --- a/index.html +++ b/index.html @@ -731,7 +731,7 @@

border-radius: 8px; /* Rounded corners */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ padding: 20px; /* Padding inside the container */ - max-width: 60vw; + max-width: 600px; /* Max width for the container */ } .faq-item { @@ -741,6 +741,7 @@

padding: 15px; /* Padding inside each FAQ item */ background: #fff; /* Background for each FAQ item */ transition: background 0.3s ease; /* Smooth background transition */ + position: relative; /* Position relative for arrow */ } .faq-item:hover { @@ -752,6 +753,9 @@

font-size: 18px; font-weight: bold; cursor: pointer; /* Pointer cursor on hover */ + display: flex; + justify-content: space-between; /* Space between text and arrow */ + align-items: center; /* Center vertically */ } .faq-answer { @@ -765,7 +769,14 @@

.faq-item:hover .faq-answer { display: block; } - + + .faq-arrow { + transition: transform 0.3s ease; /* Smooth rotation transition */ + } + + .faq-item:hover .faq-arrow { + transform: rotate(90deg); /* Rotate arrow on hover */ + } @@ -790,42 +794,66 @@

What is your return policy? - ➔ + + + + +
Our return policy lasts 30 days...
How do I track my order? - ➔ + + + + +
You can track your order using the tracking number...
How long does shipping take? - ➔ + + + + +
Shipping typically takes 5-7 business days, depending on your location.
Can I change my order after it's been placed? - ➔ + + + + +
If your order hasn't been processed yet, you can contact us to make changes.
Do you ship internationally? - ➔ + + + + +
Yes, we offer international shipping to select countries.
Do you offer discounts for bulk orders? - ➔ + + + + +
Yes, we provide discounts on bulk orders. Please contact our sales team for more details.
@@ -835,6 +863,8 @@



+ +



From d17b2a0d1f721736b6c29ca0b0efc9c90c7cbf80 Mon Sep 17 00:00:00 2001 From: J V Kousthub Date: Sun, 13 Oct 2024 14:43:30 +0530 Subject: [PATCH 4/4] made proper styling to faq container --- index.html | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index c12c6ac2..13d9aa79 100644 --- a/index.html +++ b/index.html @@ -724,14 +724,14 @@

} .faq-container { - margin-top: 50px; + margin-top: 15px; margin-left: auto; margin-right: auto; background: #f9f9f9; /* Container background */ border-radius: 8px; /* Rounded corners */ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ padding: 20px; /* Padding inside the container */ - max-width: 600px; /* Max width for the container */ + max-width: 76vw; /* Increased max width for the container */ } .faq-item { @@ -781,6 +781,7 @@

.faq-item:hover .faq-arrow { transform: rotate(180deg); /* Arrow pointing up when hovered */ } + +

Frequently Asked Questions