-
Notifications
You must be signed in to change notification settings - Fork 0
/
checkout.html
172 lines (160 loc) · 11.8 KB
/
checkout.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#head{
height:120px;
width: 79%;
position: fixed;
top: 0;
/* flex-wrap: wrap; */
margin-left:9.8%;
display: flex;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
#head > .headL{
width:30%;
display: flex;
/* flex-wrap: wrap; */
}
.headL > img{
width: 90px;
height: 90px;
margin: 10px;
}
#head > .headR{
width:55%;
display: flex;
margin-left: 50px;
height:100%
}
.headR > div{
margin: 10px;
width: 15%;
height: 80%;
flex-wrap: wrap;
}
.navL{
border:none;
}
.navL:hover{
border-bottom:4px solid teal;
}
.navL > h5{
color:rgb(2,71,91);
border-bottom: 1px solid;
}
.navL > p{
color:rgb(121, 160, 173);
font-size: 12px;
margin-top: -16px;
}
.navImg{
margin-bottom: none;
}
.navlogo{
width: 60%;
/* height:60%; */
margin-top: 15px;
margin-left: 20px;
}
.navImg:hover{
border-bottom:4px solid teal;
}
.main{
margin-top:10%;
margin-left:35%;
/* text-align:center; */
width:450px;
}
.change{
/* margin-top:20px;
margin-bottom:10px; */
width:250px;
height:30px;
}
.side{
font-weight:bold;
}
.btn{
position: relative;top: -3.8em;
/* margin-top: -1em; */
margin-left: 45%;
padding:10px;
}
</style>
</head>
<body>
<div id="head" >
<div class="headL">
<img src="https://newassets.apollo247.com/images/ic_logo.png"/>
</div>
<div class="headR" style="margin-left:15%">
<div onclick="window.location.href='doctors.html'" class="navL">
<h5>DOCTORS</h5>
<p>Consult <br> Online</p>
</div>
<div onclick="window.location.href='pharmacy.html'" class="navL">
<h5>PHARMACY</h5>
<p>Medicines & other product</p>
</div>
<div onclick="window.location.href='labtests.html'" class="navL">
<h5>LAB TEST</h5>
<p>Health<br>check-ups</p>
</div>
<div class="navL">
<h5>COVID-19</h5>
<p>Latest<br>updates</p>
</div>
<div class="navImg"onclick="window.location.href='cart.html'">
<img class="navlogo" src="https://thumbs.dreamstime.com/b/high-quality-dark-blue-shopping-cart-icon-high-quality-dark-blue-shopping-cart-icon-pictogram-icon-set-illustration-useful-web-192534364.jpg"/>
</div>
<div class="navImg" onclick="window.location.href='signup.html'">
<img class="navlogo" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAzFBMVEUEU33////v7u7u7e3z8vL6+vr19fXy8fH8/Pz4+PgAUn0ATnoAQ3EAS3cAUHsAP2oAQG+KlqEAN2hreowARnIAPW3S1dqyvMFQaYEAR3EAQ3Pd4ueztbmPmqfm5+mdpq++wsYwV3NLaIUZSWx6iJVvg5Slq7GFlafi4d/Nz9BfcIUATXRgeIqCmq0AQWgNRmlBXXgsUHCRo7Nhgp0zXX4ANGkoVG81X3qYoalVc4zY2tsoU3YAOGSltMFleY8zY4QAKmEAH1hLYntzjaQZQbPyAAAUwUlEQVR4nO1dC3fiNtNG2JbluzG2IQHM/ZawBPpusgm5tN3+///02eC7hW8SkNOvc9qertd49HhkzWg0etQAgXBM8yQMF15rBsKHl2B4GwqvhZdgeIkNfsncWkHj1g34D+F/CP9DeF2EgfxbEYLoB/8WhAzTZKF7SRAYp9ez+/2WL4t+3+71HEbgEISQd616FYQI9/f+NaZ6A9xr3g2rzuey3R4/Wfe6rsuyKZuKKbv/q99bT+N2eznsrNzbUJOto6AcQs4XJLCBCCi4Fl6C4SUYXuP8a4jL3Oa2GTH2YvZL0zRFkSRRbGRFFCVJUTRN/zVb2Me2l1cQvy28hEfQCD//+FsMJGbgQITwGh9caoaXBO9P7oOY9Y/2znDthYWWBupa9Xn38GPNeH2vWMFJYgbOR9AIPzVcP4khDC7FGhD+NGpAU+Bc271sDVNSxRLwApANVTUN7cW1JYdyFeR04TiC2EeKRZj9iEsiBNx6PnmUpbLQUkAV+XEyP1wDYU0bcuvBi1GmY+aAdE35Mlhz39KGzOvkyZQI0AUiuZYcNr+dDe3Zs66SWC8uoig/zW3XhzCRghvakGERHHXvFFrwTqKa0+6IR77Xu6UN3SGaH75blPF5IirW+5A/eXYihGT+sAmc4dZUqcPzQZra0PECqxjC6v4wiGk4AQYihNfCSxB/GxCGe52++SKIqr4fCgDXjqKmhbfF41LM5Ca4xGNeDwJoNJYviO8EUh6PEAwaEo9LMx0NNz1jmNpzC1fZ6ktTLozPE0X7sn2115w98Rwzf64Zu1QVUXqeMxx/XYQsWuzvrgLvhPFuv0DsFREyoPdmXcd+IUbjoQeYKyFkIFpMr/EBJkWZLhC8CsImWnWvbMCTiFZ3FTbjggg5MHq/vgFPoryPSBCW9Idoqd3CgCcRtUEQy/Cl/WFoJkxUF0VLyL+AnK51M3yefHSdU1uiqC1sLcQiCBEyZSJvtB6bNwXo9VTbi7VxiTg8ggqzJ4aFfYPGFJdMJKMPWeYS80P3FQ3M232CkagfAzcqpT8/ZCDc3MRJYMTaQEjfhpDZXTFMK5C7XWw5hJIN4ernrceYuJh/rigjBN8LoAvx56oqwnxvsfp5+0E0KVIIschb8IFAFAgMr/kXviHAE8Rj6woQlIna4HcEeIQIqWQxmG82yERiehDJ5xaum/imAL0R1W0dMUIW7r4rQBfizg3gSBGCzfdx9Fm52wCWECF8ve1sqUisASRDiPrfItg+L6LZJ0KI1s/fG6A703helUWI84fOmOKii/uuVMUTqfwKfwlRx06IEOsPo9WMSIIlD9SlNoyKimUZ2r49m83aXc2wKK7HKV3EnUHgXctbXUMDnUoTREV+mrQWB3ia1SGOZdaL1uRJpoRSX56Cr6rVJgw3ojLKiPp282kfw9tQQRMiAdmfm61O5SvQRsc8UtUZMFy9UwAo3U+WDBLYZOjf9FboWQE5i+49ecgrKu8HWA2h90IY1CVP/ErP3Q4bLMZnG+CCRh0aCXR57s2hKiIEC3JXr09GsXTmuTTJ54T8czcWoGovZXtT0lcraQMvVV4wBXeFH2ikXVWd9limkg159EDaR83u+vi0YoQArLuEg5qoPCC+ig3dcdQgwyd+zPyqjTIIgTAj7anGiKtSbQKdPdk7VeVh8LQchxub24EhoeMQ97Hl04Q/DHMbXJjbEBCYk02ZRHOBUrmepIJAohwLGBGuaZlzgFWAr4J2nomUqX/ZIJuvy1ug9Jbv7L/IrPjMhHUihXML1CYa29S7Ua39FvYdEUTzgcUpwCEk7DCi0am5o6RD1nW0ka+iCGETjEk8hfsNgrp7ZhZ3JK9WGQulbMiABVEpl7lBtRGiDdF0zR3AmRIIWTJPob4fB+2a+57gO8mnqO4dthgh43omAiWi1gEECEGHaAjQT0bMR8jyW6I+ujw9rfSWlhRCMCcZA1SNZ3MQnlTBIcmnoE59RKENm2kFrmAQhgGPMyXop6I5RGkFmaiN6xL4QtF89dNBpUt4fQnzYNwryTgndYW0gkzkPSKp+RWnzMl45QsJQoRBdxWIUgv6KK0gg5BoZq+3fED1ETJoSDL1VrpFCInCGXHqBFsU6iPkGBJvJWqjAoQzknFGagejSQHC/O0OS5JuZA7zETJ/kXwE2iHMMdW3oQDWRP3oLyYXYZ/kG1Dl0CEQ2RB8kLxmq5+LcELy9uRWNCsksSFokTgMcZKXxbCn9Z/caNzb0epObX/oIbTvSZoxtZP+EMYWMcBAJniyuHc4zDoPzF7DXIqvpXBksb88AHEFiSwG90Iyt1cfYOUtLfhNOfCBZIYhvQjnqk2ENVEKUZojSqwRaE6URTHWIKYgjpAbEGWB5aFACaFANIFrmIMzCJvMjig9o3eoIewQrZkosdrMBELWfiTKWBrrOhs+cAgh2efSeLTxCMGCZCR1Xe2KGsIVWdLtfoFFiADRSNoQLcBTQshzRA6xoWywCAFDlL5wESJqDDzAIMoNixoeIWHnb9wjvsYWT5w/ZDjC1dnIX7j+MKII+UFWWqIaIMYuwoVrIzFekrDANVIaLtvEeEkQAoQIzR8oVBBVQRMuVrgvjs3dTF5qU84p8gYs2UjjhVehgmhuwewIKz+MVZ3t8liEK8IPRt2FCfwIIW+T1kQYo9IIi2xIugLdsGyYRsggstWKagiLbEi8xi4v/BWMGEKwIa2AcsNBWjZcEtbTieYMg/AXcXXJPObyyGxINrdwRf0F0r2URxrhQxvi2KGE0BmTvm314xRzxBDCFfHmV3F7QHR66YEsuvLaoq1ggNCPKWDng/Ch7vSpTylP0ydnE/nowCBPE6j4JOfwkF7CBuOiNlwRMjZqA8Sd1B1MPwMFIUKiRLP/WC1aSiOIvPkm8ZDgTi+WgYIAoUAas3kIo0IoEoRoSIESRmoLF0DYkLrh5IIAIUuygnkeIUPe9xtesESOENg09rCIYyaF0CHL0fhihpNrAoRkFSe+iI9OCmGPNNY9PVcLjFgfoU2HlcLopRGSZUYCUb4QIUL0RYdX5D6N0KaztcKbYJwQlqw2CeZxIULiiZMvuu0r8NnM3DCCzoPF9xNjapZAlYsRqIa0sFGKw29Hk8YWCE/0PkgwtKJXslxpJOaMI4jaENEqe1z8EDKIvBnQooWw8dwHtSNv8EmpjzYap+XaiyBU9we25uyJPZAURCXlgggb0tgpoh7B25B1xvR2xV8SoesyeJ7LRYi1Ic9TchRHuSjChv4WMWSWRsgKb5TG86NcFmFD/1+zKkK2+UUTYEO5LMKG/MDkIcx+h6D5QLkFIULfL1FG2FB2AWt1OX9oTynT2HoImRhDK1hQ7SINjwRwCFAJAlV43Ds7nNLmFtEXIMnQSitqi0TUuz2OL6Kt8FI03KFLn8hW7/s96HII3QBuu4CoMPJGcHF3AZpCHyH9uUVCRGs74nIR8giOthehEAvmFrTnh2lR7yYLmIdwMaGznTsjVmYGTC3kTYlqPc1Gx2HUjfWTCNnR7MmiSa8QlwxCOnkarKjK9ues70AOIfY4dLLIHWWd/uznVrkUE3hDfErnaejk2s6pE01Ln7Znf3RGnY777x/D9tS0zEuZ76gyk2ujki/NVakqiqmpkiSpmmkq1E4ZOCPZfCl3aYRHEWP/vaxIbS7wh/74hiisW3wnUZbID3zD9UMaiwXfSJQhTCMkXz/8VqJ1MgjJ14C/k8TXgH2EFNbxv5OIGuJTCJvCr4t53xuI8gtTbTL75rxllQRbT0NcE1VCPLqva/hDUV6gDEJoX4w9UBRVydR1y7g3LMv7595y5Xhu2aVUWjYfJIJChlaWuDYRL5J8/7iffM0Wi/XKOa3XwOa63+/Pvib7R1m+SPim7hg2y9BKtlEFJ24oamgvrx17dcqAC8Go5s+e0Mr+HL5oBv0gVWoHOff4nhlAWCOc0SI/vi3Xqyi9j5sBQxfm+sfbo0w3KtZ/BAqo1nnHRdWf9wMbIgEWZqKggJr2YP9MMxkV1Xkna/WpRTWm1X1dgbB2Lg9hmCxeDboWrU50plafI9xvETxdVD42I+gd0dQsjfC4yg1Hmw+Fiis5s9+CAwsK2ShRni69/EE91ghnqdHwyjJ+zwzH2qRFj679tq1TfqRuLUavtSU7I9JrxvbMvicGkuwC9sT8WAarFfXraXptjZS8bcLGFMT3kBKyeYofm+gM0fp7SDnhsCE7jU+P7T+MM7S6o/aBwF+I5raDQGz/bd19wFAAqKORzOWMAzrL0Fp/NJW0JVPreMKwB8VqhN0fLbXaX6P0ksNtMqy5iugZ0GsYrd0IrnSmdb9GeZjDOHCotx9fNDen5tPaUXL8kuvWKE4P1DkV1L8//bGDog3dIWdQi4Qvw6mQRFiHF0MZh0MoTRu6Yu9qJHELeDGYp8qvLVqxp42QFw7VIapP+dwmYFC181tvsT3qVHsp4L0am6qd6rgZPw+hXZHXz2qxLNFxvXkI3d+wrYoQjzvVcxlaq/FEaS33TRMd1xsiTPjDoxzLGMCskvP3eaLi/jBFoIoqcX3pr8A7zaaZOcsGsCFbKshhaI04VdnwtvAUnObpFvBaJZa0Rh7rKxdTkGZoZYQKux30VrIjJo7rzXTEovlhaOB0T2+Vhyh1vQ8ln1WwPOeeqL2mPjVq+/FT3/Jr6XhZ+4RpBQS8ifI/wU8vjRB8lRxuRDOXNzHIOpSkTjG/wp9eHCFbsvJUHx6/NTr8pdLeCX96aYTIbVOZ0UHcO1kFGA5aoVMiV6LGAF7ehgwsRYn50RHKIGw2UTGPsGh1UNapXw5hE3WKa8OUMcIowPF5lyBPlF85HDFEbW9RiNBj/Sx664Vc0KE2Dn0V9Hplx/HRebUo/CXGhvkMrXxwCXdWb0IBBEVRuPQAswowDK2ejiKOH/Hd+wjDM4cvGbXFFDgFG4aiY5GKz5lpgnmu2zcWifd/wcg7oWCR6/jNOcAqwJ9vAZm892V2sQ2ogLDk7CmtIG9WkDwboQhh/vkW6vuBFGE9G4JDzrkp58+3wNow94wS648zDbg4QnA+Za28VTqjhMk7Z0Z6P9uAiyME5yjbxXeGr3LOzPGhZ84KCkjXb4PwHGW7VfGsoGP0CuZYF6u85TTg4gg5/GBzKp+pcs6MJ/CAG09FI1y5urg/xCgAIwPXqPfjqbJnzl07v3ACRphyReULleRZrc/QmvdL7FbvjxE4ryD3/MM/Mp+iG/uF7wdjJkoMrXkKMDFzMLjXOA84e/6h0o1SK1edW0QKMl+i6Rc81zqlM7Nt1bLziJKugjBNmyHFzrCsjjC9Zio9cLm0etdAyD0k3rro00PURJg+S1b97eRRdl8FYe93wut/kJ0l6z5ykOgUSgTxRgidfeI7tF4JzwN2vWjyTGfpae0755sgBIdtoo+aG1CkoAghw8JdIrZR3/0Tx26AkEH2exJgpXO5cVRcnruCzCThM9S/+6hJyx+Gl3D+EKRuc0eFvxPfoLlHbKGCiKEVQ6DK+6ssfyYhKgOQoF6NeFZxDK18oYIsQ2uK29VXAAZqEuCEAcUKIobWnCm48zMBUbQ2nrH4oO+Ui7yrMLSeJKUAbpKe0PzplFFw/jzgeANWSYiNu5+rq88tVj+ThejKn6tSCsohBKtkR22Y006UEr0Kws401YKfq3IKzp94nGhAxoqitmyiWAMujJBfpgJuc+KUVFDShgg6k9SE2Dvs1zdjZYQVc22gN0ktpZh7JldBdRsi12nsUhsyJH0AhSvYUHBaHylKibtd9HxaNnR9nTuWJfSIqrkbHdm6LmhDdxwd7dIZNmsusKVfYWmE3mCcLrYRRWPOIP6CCFnEzNN5C/HjFVQgMTqfp0lEFaeAB/aN9JKNPF6AeMVQzvy8ep6mCcFgnM6HSUYfVlFQHLUlgqpeZmlRtHZrIXhibtRWmqE1+uVomql9Ucan+SCfVVAji4EJjJ1uJu2sbDdrdNpbQTPyZtF6s82s8lldp6KCqggBWmrpvLOofDysOaHJUEQocOuH9AjqUTz/gaoqqIyQQ6NpdulN2b6tIaJ0ggfDs3D9ts2mDc3pqLqCygghwzmt7Jq6aGq7zwggEY8wEDo7LWM/UTVaTg0FNRAyLLd4z75gUdLeW73gt/URcr3Wu4lZZVf2C65OJ6mB0Hso84DNruv37c7p1rqVCnynLeNqB0XjwdVa50OvhdDb3D7aYxfCJU1767idSQgnd6UUnLyF0+maGrZIwtyPvO3nZAgR7u+ZeANiCBmeWw2eJdzLbkj3+/nnKqi9KOSJ8iKzpuvm2c/5/h7L6CJKz3OG815ZjXKWgKEVT6Aa8azC7G3I7arZ8eAoqvRhbNv9A484AfNLNsFmJnCgeei3t8aHhF/+FLWHFYDpdkQUsLkKQobWWkEVZEfjswViqqk//v5nOXIHBwQEjuebiUKCY9Gs+zdgtV7+8/tRP7vTSZR/jYjCwvKRt38pkUbhuNH+fE2xKEqy8Xz3MlsMO7Z9cMKuLrDOwbY7w8Xs5c4wZOn8BiBRdz9Ajmh6Vnp+iEHoJX8EZyjhxvaghV7EY8qy8ridjn+/vf3Pk7e33+Pp9lGRZdPr5efrKyRNGjpC2VQX8ewJh/CY4OI/u3pxqZ8nqsekZEoe1YBYvHFLsbqf/ClTcjsbnjBCbtR9LL1lsFwFsmo+dkcCrJsmoWjDoAH24IkidZ5oPQ3sSOmNbRg0gOlPplSIAyR5OukzWQU3tuFR7MGLIRPtUxZF5fllYJ9TUAshgT8MLsWKQYR1a7eVa5Ktioq83bUOeQrq+MMSBKqelL3NVWgvNpphqmqjtDU92hpJN7TNwmYAyurEtaN002rGpfh+EoWN6x8PuzvZFBti4dgpuuOmfLdr/1hXURDGpQUUsNXzNGUbgKBny1+a9iErEj5ocUMeSVE0Tf81c22HKiq49OypTAO8Pwirzuey3R4/Gpauy4Housc49Dhut5fDzgoJAGHHuW+P0EtFNr3jZQWBcXo9u//a8mXR79u9nsMInPfR8e6N9RTcHGGqASC21nARBTdHiK1r+5chvImC/08IS61bFBZHhg3Ii4tqVpskFJRftwjfIoW49NL7LWopuB7CGtUmVBT8H6r+5WVuW4ZoAAAAAElFTkSuQmCC"/>
</div>
</div>
</div>
<div class="main">
<h1 style="color:rgb(1,126,192);text-align:center">Payment</h1>
<form id="fo" style="width:270px;margin-left:22%;">
<p class="side" >ENTER NAME</p>
<input class="change" id="n1"type="text" placeholder="enter name">
<br>
<p class="side">ENTER CARD NUMBER</p>
<input class="change" id="n2" type="number" placeholder="enter card number">
<br>
<p class="side">ENTER CVV</p>
<input class="change" id="n3"type="text" placeholder="enter CVV">
<br>
<p class="side">ENTER EXPIRE DATE</p>
<input class="change"id="n4"type="number" placeholder="expire date">
<br>
<button style="margin-top:40px;margin-bottom:10px;margin-left:40%;padding:9px;" >Pay</button>
</form>
</div>
<button onlick="window.location.href='total.html'"class="btn" >Back</button>
</body>
</html>
<script>
document.querySelector("#fo").addEventListener("submit",form)
function form(event){
event.preventDefault();
/* // console.log(document.querySelector("#fo")) */
var input1=document.querySelector("#n1").value
var input2=document.querySelector("#n2").value
var input3=document.querySelector("#n3").value
var input4=document.querySelector("#n4").value
// console.log(input1,input2,input3,input4)
if(input1=="" || input2=="" || input3=="" || input4==""){
alert("please fill all the forms")
}
else{
window.location.href='otp.html'
}
}
</script>