From d6add426b301ddd655c5a71705456c585929b51a Mon Sep 17 00:00:00 2001 From: Anshuman Tiwari Date: Fri, 26 Jul 2024 08:43:44 +0000 Subject: [PATCH 1/2] customer service page added --- customersupport/index.html | 53 ++++++++++++++++ customersupport/script.js | 11 ++++ customersupport/styles.css | 125 +++++++++++++++++++++++++++++++++++++ helpcenter.html | 2 +- index.html | 2 +- 5 files changed, 191 insertions(+), 2 deletions(-) create mode 100644 customersupport/index.html create mode 100644 customersupport/script.js create mode 100644 customersupport/styles.css diff --git a/customersupport/index.html b/customersupport/index.html new file mode 100644 index 00000000..ea67489d --- /dev/null +++ b/customersupport/index.html @@ -0,0 +1,53 @@ + + + + + + Customer Service - Flipkart Clone + + + +
+ This is Header +
+ +
+
+

Customer Service - 24x7 Support

+

We are here to help you 24 hours a day, 7 days a week.

+
+
+ +
+
+

How can we help you?

+
+
+

Order Status

+

Check the status of your order.

+ +
+
+

Returns

+

Return a product easily.

+ +
+
+

Payment Issues

+

Resolve your payment-related queries.

+ +
+
+

Account

+

Manage your account settings.

+ +
+
+
+
+ + + + + + diff --git a/customersupport/script.js b/customersupport/script.js new file mode 100644 index 00000000..3e105969 --- /dev/null +++ b/customersupport/script.js @@ -0,0 +1,11 @@ +document.addEventListener("DOMContentLoaded", () => { + [ + { id: "footer-addkart", url: "../footer/footer.html" }, + { id: "header-addkart", url: "../header/header.html" }, + ].forEach(({ id, url }) => + fetch(url) + .then((res) => res.text()) + .then((data) => (document.getElementById(id).innerHTML = data)) + .catch((err) => console.error(`Error loading ${url}:`, err)) + ); + }); \ No newline at end of file diff --git a/customersupport/styles.css b/customersupport/styles.css new file mode 100644 index 00000000..6c95cdf4 --- /dev/null +++ b/customersupport/styles.css @@ -0,0 +1,125 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Arial', sans-serif; +} + +body { + background-color: #f9f9f9; + color: #333; + line-height: 1.6; +} + +.container { + width: 80%; + margin: auto; + overflow: hidden; +} + +header { + background: #0073e6; + color: #fff; + padding-top: 30px; + min-height: 70px; + border-bottom: #0073e6 3px solid; +} + +header a { + color: #fff; + text-decoration: none; + text-transform: uppercase; + font-size: 16px; +} + +header ul { + padding: 0; + list-style: none; +} + +header li { + float: left; + display: inline; + padding: 0 20px 0 20px; +} + +header nav { + float: right; + margin-top: 10px; +} + +header .container { + display: flex; + justify-content: space-between; + align-items: center; +} + +.hero { + background: #0073e6; + color: #fff; + padding: 50px 0; + text-align: center; +} + +.hero h2 { + font-size: 36px; + margin-bottom: 10px; +} + +.hero p { + font-size: 18px; + margin-bottom: 20px; +} + +.services { + padding: 30px 0; +} + +.services .container h2 { + text-align: center; + margin-bottom: 30px; +} + +.service-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 20px; +} + +.service { + background: #fff; + padding: 20px; + border: 1px solid #ccc; + border-radius: 5px; + text-align: center; +} + +.service h3 { + margin-bottom: 10px; +} + +.service p { + margin-bottom: 20px; +} + +.service button { + background: #0073e6; + color: #fff; + border: none; + padding: 10px 20px; + cursor: pointer; + border-radius: 5px; + text-transform: uppercase; +} + +.service button:hover { + background: #005bb5; +} + +footer { + background: #333; + color: #fff; + text-align: center; + padding: 20px 0; + margin-top: 30px; +} diff --git a/helpcenter.html b/helpcenter.html index 0e1cfc36..de0629db 100644 --- a/helpcenter.html +++ b/helpcenter.html @@ -137,7 +137,7 @@ src="img/svg/notificationPreferences.svg" alt="appointment-reminders--v2" />Notification Preferences - imgcc24x7 Customer Care Login
  Notification Preferences -   24 X 7 customer service +   24 X 7 customer service   Advertise   Download App
From 7a3a96b36f4ffa4ee63493a45da4f3fb0cf5a24a Mon Sep 17 00:00:00 2001 From: Anshuman Tiwari Date: Fri, 26 Jul 2024 08:50:15 +0000 Subject: [PATCH 2/2] customer service page added --- customersupport/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/customersupport/index.html b/customersupport/index.html index ea67489d..74361997 100644 --- a/customersupport/index.html +++ b/customersupport/index.html @@ -45,6 +45,7 @@

Account

+