From 6464ef02b5975242ff79c7237d02d6aefbc599e4 Mon Sep 17 00:00:00 2001 From: ShubhamPaliwal03 Date: Sun, 28 Jul 2024 15:20:34 +0530 Subject: [PATCH] added payments page --- pages/Payments/images/flipkart_logo.png | Bin 0 -> 4833 bytes pages/Payments/index.html | 336 ++++++++++++++++++++++++ pages/Payments/script.js | 5 + pages/Payments/style.css | 198 ++++++++++++++ 4 files changed, 539 insertions(+) create mode 100644 pages/Payments/images/flipkart_logo.png create mode 100644 pages/Payments/index.html create mode 100644 pages/Payments/script.js create mode 100644 pages/Payments/style.css diff --git a/pages/Payments/images/flipkart_logo.png b/pages/Payments/images/flipkart_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..806b4872f16ca001b2d9e0725fa63dc8ad3145f5 GIT binary patch literal 4833 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 + + + + + + Flipkart - Payments + + + +
+

Payments

+

How do I pay for a Flipkart purchase?

+

Flipkart offers you multiple payment methods. Whatever your online mode of payment, you can rest assured that Flipkart's trusted payment gateway partners use secure encryption technology to keep your transaction details confidential at all times.

+

You may use Internet Banking, Gift Card, Cash on Delivery and Wallet to make your purchase.

+

Flipkart also accepts payments made using Visa, MasterCard, Maestro and American Express credit/debit cards in India and 21 other countries.

+

Are there any hidden charges (Octroi or Sales Tax) when I make a purchase on Flipkart?

+

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

+

Delivery charges may be extra depending on the seller policy. Please check individual seller for the same. In case of seller WS Retail, the ₹50 delivery charge is waived off on orders worth ₹500 and over.

+

What is Cash on Delivery?

+

If you are not comfortable making an online payment on Flipkart.com, you can opt for the Cash on Delivery (C-o-D) payment method instead. With C-o-D you can pay in cash at the time of actual delivery of the product at your doorstep, without requiring you to make any advance payment online.

+

The maximum order value for a Cash on Delivery (C-o-D) payment is ₹50,000. It is strictly a cash-only payment method. Gift Cards or store credit cannot be used for C-o-D orders. Foreign currency cannot be used to make a C-o-D payment. Only Indian Rupees accepted.

+

How do I pay using a credit/debit card?

+

We accept payments made by credit/debit cards issued in India and 21 other countries.

+

Credit cards

+

We accept payments made using Visa, MasterCard and American Express credit cards.

+

To pay using your credit card at checkout, you will need your card number, expiry date, three-digit CVV number (found on the backside of your card). After entering these details, you will be redirected to the bank's page for entering the online 3D Secure password.

+

Debit cards

+

We accept payments made using Visa, MasterCard and Maestro debit cards.

+

To pay using your debit card at checkout, you will need your card number, expiry date (optional for Maestro cards), three-digit CVV number (optional for Maestro cards). You will then be redirected to your bank's secure page for entering your online password (issued by your bank) to complete the payment.

+

Internationally issued credit/debit cards cannot be used for Flyte, Wallet and eGV payments/top-ups.

+

Is it safe to use my credit/debit card on Flipkart?

+

Your online transaction on Flipkart is secure with the highest levels of transaction security currently available on the Internet. Flipkart uses 256-bit encryption technology to protect your card information while securely transmitting it to the respective banks for payment processing.

+

All credit card and debit card payments on Flipkart are processed through secure and trusted payment gateways managed by leading banks. Banks now use the 3D Secure password service for online transactions, providing an additional layer of security through identity verification.

+

What steps does Flipkart take to prevent card fraud?

+

Flipkart realizes the importance of a strong fraud detection and resolution capability. We and our online payments partners monitor transactions continuously for suspicious activity and flag potentially fraudulent transactions for manual verification by our team.

+

In the rarest of rare cases, when our team is unable to rule out the possibility of fraud categorically, the transaction is kept on hold, and the customer is requested to provide identity documents. The ID documents help us ensure that the purchases were indeed made by a genuine card holder. We apologise for any inconvenience that may be caused to customers and request them to bear with us in the larger interest of ensuring a safe and secure environment for online transactions.

+

What is a 3D Secure password?

+

The 3D Secure password is implemented by VISA and MasterCard in partnership with card issuing banks under the "Verified by VISA" and "Mastercard SecureCode" services, respectively.

+

The 3D Secure password adds an additional layer of security through identity verification for your online credit/debit card transactions. This password, which is created by you, is known only to you. This ensures that only you can use your card for online purchases.

+

How can I get the 3D Secure password for my credit/debit card?

+

You can register for the 3D Secure password for your credit/debit card by visiting your bank's website. The registration links for some of the banks have been provided below for easy reference:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
State Bank of IndiaICICI BankHDFC BankPunjab National Bank
Axis BankCorporation BankAndhra BankBank of Baroda
Standard Chartered IndiaUnion Bank of IndiaCentral Bank of IndiaCitibank
Deutsche BankDhanlakshmi BankIDBI BankCanara Bank
IndusInd BankFederal BankKotak Mahindra BankKarur Vysya Bank
Oriental Bank of CommerceSouth Indian BankVijaya Bank-
+

Can I use my bank's Internet Banking feature to make a payment?

+

Yes. Flipkart offers you the convenience of using your bank's Internet Banking service to make a payment towards your order. With this you can directly transfer funds from your bank account, while conducting a highly secure transaction.

+

We accept payment through Internet Banking for the following banks:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ABN Amro BankAxis BankAllahabad BankAndhra Bank
Bank of Bahrain and KuwaitBank of BarodaBank of IndiaBank of Maharashtra
Bank of RajasthanCentral Bank of IndiaCitibankCity Union Bank
Corporation BankDeutsche BankDevelopment Credit BankDhanlaxmi Bank
Federal BankHDFC BankICICI BankIDBI Bank
ING Vysya BankIndian Overseas BankIndian BankIndusInd Bank
Jammu & Kashmir BankKarnataka BankKarur Vysya BankKotak Mahindra Bank
Lakshmi Vilas BankOriental Bank of CommercePunjab National BankRoyal Bank of Scotland
South Indian BankStandard Chartered BankState Bank of HyderabadState Bank of India
State Bank of MysoreState Bank of TravancoreSyndicate BankTamilnad Mercantile Bank
Union Bank of IndiaUnited Bank of IndiaVijaya BankYES Bank
+

Can I make a credit/debit card or Internet Banking payment on Flipkart through my mobile?

+

Yes, you can make credit card payments through the Flipkart mobile site and application. Flipkart uses 256-bit encryption technology to protect your card information while securely transmitting it to the secure and trusted payment gateways managed by leading banks.

+

How does 'Instant Cashback' work?

+

The 'Cashback' offer is instant and exclusive to Flipkart.com. You only pay the final price you see in your shopping cart.

+

How do I place a Cash on Delivery (C-o-D) order?

+

All items that have the "Cash on Delivery Available" icon are valid for order by Cash on Delivery.

+

Add the item(s) to your cart and proceed to checkout. When prompted to choose a payment option, select "Pay By Cash on Delivery". Enter the CAPTCHA text as shown, for validation.

+

Once verified and confirmed, your order will be processed for shipment in the time specified, from the date of confirmation. You will be required to make a cash-only payment to our courier partner at the time of delivery of your order to complete the payment.

+

Terms & Conditions:

+
    +
  • The maximum order value for C-o-D is ₹50,000
    • +
  • Gift Cards or Store Credit cannot be used for C-o-D orders
    • +
  • Cash-only payment at the time of delivery.
    • +
+

What is Flipkart's credit card EMI option?

+

With Flipkart's credit card EMI option, you can choose to pay in easy installments of 3, 6, 9, 12, 18*, or 24 months* with credit cards from the following banks:

+
    +
  • HDFC
    • +
  • Citi
    • +
  • ICICI
    • +
  • Kotak
    • +
  • Axis
    • +
  • IndusInd
    • +
  • SBI
    • +
  • Standard Chartered
    • +
  • HSBC
    • +
+

*18 & 24 months EMI options are available from select banks only. Please refer to the table below for more details:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BanksSupports 18 & 24 months tenureMinimum order value to avail 18 & 24 months EMI options
HDFCYes₹ 10,000
CitiYes₹ 10,000
ICICIYes₹ 10,000
KotakYes₹ 4,000
AxisYes₹ 4,000
IndusIndYes₹ 4,000
SBINoNA
Standard CharteredYes₹ 4,000
HSBCNoNA
+

There is NO processing fee charged for availing Flipkart's EMI payment option. On return or exchange, interest charged by the bank till that time will not be refunded by Flipkart.

+

You may check with the respective bank/issuer on how a cancellation, refund or pre-closure could affect the EMI terms, and what interest charges would be levied on you for the same.

+

Example and Calculations

+

The table below shows a representative rendering of EMI plans for a Rs 20,000 purchase on Flipkart paid using the EMI payment plan

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tenure (months)Loan amountMonthly installmentBank interest rateTotal effective price you payInterest paid to Bank
3Rs 20,000Rs 6,800.4412.00%Rs. 20,401.33Rs. 401.33
6Rs 20,000Rs 3,450.9712.00%Rs 20,705.80Rs. 705.80
9Rs 20,000Rs 2,344.3213.00%Rs 21,098.89Rs. 1,098.89
12Rs 20,000Rs 1,786.3513.00%Rs 21,436.15Rs. 1,436.15
+

How do I make a payment using Flipkart's credit card EMI option?

+

Once you've added the desired items to your Flipkart shopping cart, proceed with your order as usual by entering your address. When you're prompted to choose a payment mode for your order, select 'EMI' & follow these simple steps:

+
    +

  1. Choose your credit-card issuing bank you wish to pay from

    +
    2. +

  2. Select the EMI plan of your preference

    +
    3. +

  3. Enter your credit card details

    +
    4. +

  4. Click 'Save and Pay'

    +
    5. +
+

Please note that the full amount will be charged on your card the day of the transaction.

+
+ + + + diff --git a/pages/Payments/script.js b/pages/Payments/script.js new file mode 100644 index 00000000..2f1b7ce3 --- /dev/null +++ b/pages/Payments/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/Payments/style.css b/pages/Payments/style.css new file mode 100644 index 00000000..5995c85d --- /dev/null +++ b/pages/Payments/style.css @@ -0,0 +1,198 @@ +* { + 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; +} + +table, tr, th, td +{ + border: 1px solid black; + border-collapse: collapse; +} + +td, th +{ + padding: 10px; +} + +@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