From 3ba3c12e0e8e1ba8e7585de89f4fcf65891e3490 Mon Sep 17 00:00:00 2001 From: ShubhamPaliwal03 Date: Sun, 28 Jul 2024 15:26:19 +0530 Subject: [PATCH] added Shipping Page --- pages/Shipping/images/flipkart_logo.png | Bin 0 -> 4833 bytes pages/Shipping/index.html | 102 +++++++++++++ pages/Shipping/script.js | 5 + pages/Shipping/style.css | 187 ++++++++++++++++++++++++ 4 files changed, 294 insertions(+) create mode 100644 pages/Shipping/images/flipkart_logo.png create mode 100644 pages/Shipping/index.html create mode 100644 pages/Shipping/script.js create mode 100644 pages/Shipping/style.css diff --git a/pages/Shipping/images/flipkart_logo.png b/pages/Shipping/images/flipkart_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..806b4872f16ca001b2d9e0725fa63dc8ad3145f5 GIT binary patch literal 4833 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 + + + + + + Flipkart - Shipping + + + +
+

Shipping

+

What are the delivery charges?

+

Delivery charge varies with each Seller.

+

Sellers incur relatively higher shipping costs on low value items. In such cases, charging a nominal delivery charge helps them offset logistics costs. Please check your order summary to understand the delivery charges for individual products.

+

For Products listed as Flipkart Plus, a Rs 40 charge for delivery per item may be applied if the order value is less than Rs 500. While, orders of Rs 500 or above are delivered free.

+

Why does the delivery date not correspond to the delivery timeline of X-Y business days?

+

It is possible that the Seller or our courier partners have a holiday between the day your placed your order and the date of delivery, which is based on the timelines shown on the product page. In this case, we add a day to the estimated date. Some courier partners and Sellers do not work on Sundays and this is factored in to the delivery dates.

+

What is the estimated delivery time?

+

Sellers generally procure and ship the items within the time specified on the product page. Business days exclude public holidays and Sundays.

+

Estimated delivery time depends on the following factors:

+
    +
  • The Seller offering the product
    • +
  • Product's availability with the Seller
    • +
  • The destination to which you want the order shipped to and location of the Seller.
    • +
+

Are there any hidden costs (sales tax, octroi etc) on items sold by Sellers on Flipkart?

+

There are NO hidden charges when you make a purchase on Flipkart. List prices are final and all-inclusive. The price you see on the product page is exactly what you would pay.

+

Delivery charges are not hidden charges and are charged (if at all) extra depending on the Seller's shipping policy.

+

Why does the estimated delivery time vary for each seller?

+

You have probably noticed varying estimated delivery times for sellers of the product you are interested in. Delivery times are influenced by product availability, geographic location of the Seller, your shipping destination and the courier partner's time-to-deliver in your location.

+

Please enter your default pin code on the product page (you don't have to enter it every single time) to know more accurate delivery times on the product page itself.

+

Seller does not/cannot ship to my area. Why?

+

Please enter your pincode on the product page (you don't have to enter it every single time) to know whether the product can be delivered to your location.

+

If you haven't provided your pincode until the checkout stage, the pincode in your shipping address will be used to check for serviceability.

+

Whether your location can be serviced or not depends on

+
    +
  • Whether the Seller ships to your location
    • +
  • Legal restrictions, if any, in shipping particular products to your location
    • +
  • The availability of reliable courier partners in your location
    • +
+

At times Sellers prefer not to ship to certain locations. This is entirely at their discretion.

+

Why is the CoD option not offered in my location?

+

Availability of CoD depends on the ability of our courier partner servicing your location to accept cash as payment at the time of delivery.

+

Our courier partners have limits on the cash amount payable on delivery depending on the destination and your order value might have exceeded this limit. Please enter your pin code on the product page to check if CoD is available in your location.

+

I need to return an item, how do I arrange for a pick-up?

+

Returns are easy. Contact Us to initiate a return. You will receive a call explaining the process, once you have initiated a return.

+

Wherever possible Ekart Logistics will facilitate the pick-up of the item. In case, the pick-up cannot be arranged through Ekart, you can return the item through a third-party courier service. Return fees are borne by the Seller.

+

I did not receive my order but got a delivery confirmation SMS/Email.

+

In case the product was not delivered and you received a delivery confirmation email/SMS, report the issue within 7 days from the date of delivery confirmation for the seller to investigate.

+

What do the different tags like "In Stock", "Available" mean?

+

'In Stock'

+

For items listed as "In Stock", Sellers will mention the delivery time based on your location pincode (usually 2-3 business days, 4-5 business days or 4-6 business days in areas where standard courier service is available). For other areas, orders will be sent by Registered Post through the Indian Postal Service which may take 1-2 weeks depending on the location.

+

'Available'

+

The Seller might not have the item in stock but can procure it when an order is placed for the item. The delivery time will depend on the estimated procurement time and the estimated shipping time to your location.

+

'Preorder' or 'Forthcoming'

+

Such items are expected to be released soon and can be pre-booked for you. The item will be shipped to you on the day of it's official release launch and will reach you in 2 to 6 business days. The Preorder duration varies from item to item. Once known, release time and date is mentioned. (Eg. 5th May, August 3rd week)

+

'Out of Stock'

+

Currently, the item is not available for sale. Use the 'Notify Me' feature to know once it is available for purchase.

+

'Imported'

+

Sometimes, items have to be sourced by Sellers from outside India. These items are mentioned as 'Imported' on the product page and can take at least 10 days or more to be delivered to you.

+

'Back In Stock Soon'

+

The item is popular and is sold out. You can however 'book' an order for the product and it will be shipped according to the timelines mentioned by the Seller.

+

'Temporarily Unavailable'

+

The product is currently out of stock and is not available for purchase. The product could to be in stock soon. Use the 'Notify Me' feature to know when it is available for purchase.

+

'Permanently Discontinued'

+

This product is no longer available because it is obsolete and/or its production has been discontinued.

+

'Out of Print'

+

This product is not available because it is no longer being published and has been permanently discontinued.

+

Does Flipkart deliver internationally?

+

As of now, Flipkart doesn't deliver items internationally.

+

You will be able to make your purchases on our site from anywhere in the world with credit/debit cards issued in India and 21 other countries, but please ensure the delivery address is in India.

+
+ + + + diff --git a/pages/Shipping/script.js b/pages/Shipping/script.js new file mode 100644 index 00000000..2f1b7ce3 --- /dev/null +++ b/pages/Shipping/script.js @@ -0,0 +1,5 @@ +// to apply styling to the first paragraph that is immediately followed by a ul element + +document.querySelectorAll('p + ul').forEach(ul => { + ul.previousElementSibling.classList.add('highlight'); +}); \ No newline at end of file diff --git a/pages/Shipping/style.css b/pages/Shipping/style.css new file mode 100644 index 00000000..3668e9f3 --- /dev/null +++ b/pages/Shipping/style.css @@ -0,0 +1,187 @@ +* { + box-sizing: border-box; + padding: 0; + margin: 0; + font-family: Arial, Helvetica, sans-serif; + font-weight: 400; + /* border: 1px solid red; */ +} + +body { + background-color: #f1f3f6; +} + +nav { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 5%; + background-color: #2874F0; +} + +.nav-left { + display: flex; + align-items: center; + gap: 20px; +} + +input { + width: 40vw; + padding: 10px; +} + +button { + padding: 10px 20px; + width: 150px; + color: rgb(75, 75, 255); + background-color: white; + font-weight: 600; + border: none; +} + +.search { + position: relative; +} + +i { + position: absolute; + top: 30%; + right: 0; + color: rgb(75, 75, 255); + height: 100%; + width: 30px; + +} + +#footer-inner-container +{ + display: flex; + justify-content: space-between; + align-items: center; + color: rgb(113, 113, 113); + font-size: 13px; + font-family: sans-serif; + padding: 1em 3em; + background-color: white; + height: 4rem; +} +#tnc-container +{ + display: flex; + justify-content: center; + align-items: center; +} +#tnc-container > div +{ + margin-right: 0.5em; +} +#tnc-container > div a +{ + text-decoration: none; + color: rgb(113, 113, 113); +} +#bullet-point +{ + height: 4px; + width: 4px; + background-color: rgb(113, 113, 113); + border-radius: 50%; +} + +#logo-footer +{ + height: 3.125rem; +} + +main +{ + display: flex; + flex-direction: column; + justify-content: space-between; + padding: 2rem 5%; +} + +main > div > a::after +{ + content: " | "; +} + +main > div > a:last-of-type::after +{ + content: ""; +} + +p +{ + margin: 1rem 0rem; +} + +p > strong +{ + font-weight: 700; +} + +ul +{ + padding: 1rem; +} + +li +{ + margin: 1rem 0rem; +} + +.highlight +{ + color: #2874F0; + font-weight: 700; + font-style: italic; +} + +a:visited, a:link +{ + text-decoration: none; + color: black; +} +a:hover, a:active +{ + color: #2455f4; + text-decoration: underline; +} + +h2 +{ + margin: 2rem 0rem; +} + +@media screen and (max-width : 890px) { + + input { + width: 40vw; + padding: 5px; + font-size: 12px; + } + + nav button { + padding: 5px; + width: 100px; + font-size: 12px; + } + + .nav-left { + gap: 10px; + } +} + +@media screen and (max-width : 670px) { + nav img { + height: 20px; + } + + input, + nav button { + font-size: 8px; + } + +} \ No newline at end of file