ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Original URL: https://themes.pixelstrap.com/multikart-app/payment.html
Date Downloaded: 20-09-2023 15:19:54 !-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Multikart" />
<meta name="keywords" content="Multikart" />
<meta name="author" content="Multikart" />
<link rel="manifest" href="manifest.json" />
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<title>Multikart PWA App </title>
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="assets/images/favicon.png" />
<meta name="theme-color" content="#ff4c3b" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="multikart" />
<meta name="msapplication-TileImage" content="assets/images/favicon.png" />
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--Google font-->
<link href="../../fonts.googleapis.com/css_e5ba3bda.css" rel="stylesheet" />
<!-- bootstrap css -->
<link rel="stylesheet" id="rtl-link" type="text/css" href="assets/css/vendors/bootstrap.css" />
<!-- slick css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick-theme.css" />
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick.css" />
<!-- iconly css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/iconly.css" />
<!-- Theme css -->
<link rel="stylesheet" id="change-link" type="text/css" href="assets/css/style.css" />
</head>
<body>
<!-- loader strat -->
<div class="loader">
<span></span>
<span></span>
</div>
<!-- loader end -->
<!-- header start -->
<header>
<div class="back-links">
<a href="cart.html">
<i class="iconly-Arrow-Left icli"></i>
<div class="content">
<h2>Payment Details </h2>
<h6>Step 3 of 3 </h6>
</div>
</a>
</div>
</header>
<!-- header end -->
<!-- offer section start -->
<section class="offer-section px-15 top-space">
<h2 class="page-title">Offers & promotions </h2>
<div class="offer-listing">
<ul class="listing">
<li>Get upto 25% discount __ Multikart Pay using ICICI ____ Net banking or Cards </li>
<li>Enjoy upto 50% off & free delivery on online ______! </li>
<li>Get upto 25% discount __ Multikart Pay using ICICI ____ Net banking or Cards </li>
<li>Enjoy upto 50% off & free delivery on online ______! </li>
</ul>
<div class="overlay-offer"></div>
</div>
<a href="#" class="show-more">Show More (5 offers) </a>
</section>
<div class="divider"></div>
<!-- offer section end -->
<!-- payment method start -->
<section class="px-15 payment-method-section pt-0">
<div class="accordion" id="accordionExample">
<div class="card">
<div class="card-header" id="h_one">
<div class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#one">
<label for='r_one'>
<img src="assets/images/payment/1.png" class="img-fluid" alt="" />Cash On Delivery
<input type='radio' class="radio_animated" checked="" id='r_one' name='occupation' value='Working' required="" />
</label>
</div>
</div>
<div id="one" class="collapse show" aria-labelledby="h_one" data-bs-parent="#accordionExample">
<div class="card-body p-0">
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="h_two">
<div class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#two">
<label for='r_two'>
<img src="assets/images/payment/2.png" class="img-fluid" alt="" />Debit/Credit Card
<input type='radio' class="radio_animated" id='r_two' name='occupation' value='Working' required="" />
</label>
</div>
</div>
<div id="two" class="collapse" aria-labelledby="h_two" data-bs-parent="#accordionExample">
<div class="card-body">
<form class="pt-2">
<div class="form-floating mb-4">
<label for="c-name">name on card </label>
<input type="text" class="form-control" id="c-name" placeholder="name on card" />
</div>
<div class="form-floating mb-4">
<label for="c1name">card number </label>
<input type="text" class="form-control" id="c1name" placeholder="card number" />
</div>
<div class="row">
<div class="form-floating mb-4 col-8">
<label for="cname">expiration date </label>
<input type="number" class="form-control" id="cname" placeholder="expiration date" />
</div>
<div class="form-floating mb-4 col-4">
<label for="c2name">CVV </label>
<input type="number" class="form-control" id="c2name" placeholder="CVV" />
</div>
</div>
<div class="payment-btn">
<button type="submit" class="btn btn-solid color1">make
payment </button>
</div>
</form>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="h_three">
<div class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#three">
<label for='r_three'>
<img src="assets/images/payment/3.png" class="img-fluid" alt="" />Wallets
<input type='radio' class="radio_animated" id='r_three' name='occupation' value='Working' required="" />
</label>
</div>
</div>
<div id="three" class="collapse" aria-labelledby="h_three" data-bs-parent="#accordionExample">
<div class="card-body">
<form class="wallet-section">
<h4 class="page-title">Select Popular Banks </h4>
<div class="">
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios1" id="Radios1" value="option1" checked="" />
<label class="form-check-label" for="Radios1">
Industrial & Commercial Bank
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios1" id="Radios2" value="option2" />
<label class="form-check-label" for="Radios2">
Construction Bank Corp.
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios1" id="Radios3" value="option2" />
<label class="form-check-label" for="Radios3">
Agricultural Bank
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios1" id="Radios4" value="option2" />
<label class="form-check-label" for="Radios4">
HSBC Holdings
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios1" id="Radios5" value="option2" />
<label class="form-check-label" for="Radios5">
Bank of America
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios1" id="Radios6" value="option2" />
<label class="form-check-label" for="Radios6">
JPMorgan Chase & Co.
</label>
</div>
</div>
<div class="form-floating mt-3">
<select class="form-select" id="floatingSelect" aria-label="Floating label select example">
<option selected="" disabled="" value="1" />Choose Bank...
<option value="2" />ICICI
<option value="3" />BOB
</select>
<label for="floatingSelect">Choose Bank </label>
</div>
<div class="payment-btn">
<button type="submit" class="btn btn-solid mt-4">make
payment </button>
</div>
</form>
</div>
</div>
</div>
<div class="card">
<div class="card-header" id="h_four">
<div class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#four">
<label for='r_four'>
<img src="assets/images/payment/4.png" class="img-fluid" alt="" />Net Banking
<input type='radio' class="radio_animated" id='r_four' name='occupation' value='Working' required="" />
</label>
</div>
</div>
<div id="four" class="collapse" aria-labelledby="h_four" data-bs-parent="#accordionExample">
<div class="card-body">
<form class="wallet-section">
<h4 class="page-title">Select Your Wallet </h4>
<div class="">
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios2" id="exampleRadios1" value="option1" checked="" />
<label class="form-check-label" for="exampleRadios1">
Adyen
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios2" id="exampleRadios2" value="option2" />
<label class="form-check-label" for="exampleRadios2">
Airtel Money
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios2" id="exampleRadios3" value="option2" />
<label class="form-check-label" for="exampleRadios3">
AlliedWallet
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios2" id="exampleRadios4" value="option2" />
<label class="form-check-label" for="exampleRadios4">
Apple Pay
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios2" id="exampleRadios5" value="option2" />
<label class="form-check-label" for="exampleRadios5">
Brinks
</label>
</div>
<div class="form-check ps-0 mb-1">
<input class="radio_animated" type="radio" name="exampleRadios2" id="exampleRadios6" value="option2" />
<label class="form-check-label" for="exampleRadios6">
CardFree
</label>
</div>
</div>
<div class="payment-btn mt-4">
<button type="submit" class="btn btn-solid">make
payment </button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<div class="divider"></div>
<!-- payment method end -->
<!-- order details start -->
<section class="px-15 pt-0">
<h2 class="title">Order Details: </h2>
<div class="order-details">
<ul>
<li>
<h4>Bag total <span>$220.00 </span></h4>
</li>
<li>
<h4>Bag savings <span class="text-green">-$20.00 </span></h4>
</li>
<li>
<h4>Coupon Discount <a href="coupons.html" class="theme-color">Apply Coupon </a></h4>
</li>
<li>
<h4>Delivery <span>$50.00 </span></h4>
</li>
</ul>
<div class="total-amount">
<h4>Total Amount <span>$270.00 </span></h4>
</div>
</div>
</section>
<!-- order details end -->
<!-- panel space start -->
<section class="panel-space"></section>
<!-- panel space end -->
<!-- bottom panel start -->
<div class="cart-bottom">
<div>
<div class="left-content">
<h4>$270.00 </h4>
<a href="#" class="theme-color">View details </a>
</div>
<a href="order-placed.html" class="btn btn-solid">Pay Now </a>
</div>
</div>
<!-- bottom panel end -->
<!-- latest jquery-->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap js-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Slick js-->
<script src="assets/js/slick.js"></script>
<!-- script js -->
<script src="assets/js/script.js"></script>
</body>
</html>
Zerion Mini Shell 1.0