-
Notifications
You must be signed in to change notification settings - Fork 0
/
Final.html
365 lines (297 loc) · 14.8 KB
/
Final.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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google Pay: Money</title>
<link rel="stylesheet" href="first-style.css">
<link rel="stylesheet" href="second-style.css">
<link rel="stylesheet" href="third-style.css">
<link rel="stylesheet" href="fourthPart.css" />
<link rel="stylesheet" href="five-style.css" />
<link rel="shortcut icon" href="https://w7.pngwing.com/pngs/667/120/png-transparent-google-pay-2020-hd-logo.png"
type="image/x-icon">
<link rel="stylesheet" href="first-style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"
integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa"
crossorigin="anonymous"></script>
</head>
<body>
<!-- First Part Starts -->
<div class="first-part">
<nav>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<style>
.header {
display: flex;
align-items: center;
/* Vertical alignment */
}
.logo {
width: 45px;
/* Adjust as needed */
height: 35px;
/* Adjust as needed */
margin-right: 10px;
/* Adjust spacing between logo and brand name */
}
.brand-name {
font-size: 18px;
/* Adjust as needed */
}
</style>
</head>
<body>
<div class="header">
<img class="logo"
src="https://logowik.com/content/uploads/images/google-pay-icon-20205841.logowik.com.webp" alt="Logo">
<font size="+2"> <b>Google</b> Pay</h1>
</font>
</div>
<!-- <a class="navbar-brand" href="#"><br><img height= 35px src="https://logowik.com/content/uploads/images/google-pay-icon-20205841.logowik.com.webp" alt="">
<div class="content">
<font size = "+2">
<b>Google</b> Pay
</font></a>
</div>
-->
<a class="navbar-brand" href="#"><br><img height=35px src="" alt="">
For Businees
</a>
<form class="d-flex" role="search">
<button class="btn btn-outline-success" type="submit">Get started</button>
</form>
</div>
</div>
</nav>
</nav>
<!-- started-->
<div class="background">
<div class="foreground">
<img src="screenshot.png" alt="Foreground Photo">
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="content">
<h1> Money made simple, by Google.</h1>
<p> Built for India with all the features and rewards you love, plus much more.</p>
<p> Google Pay is the simplest way to send money home to your family, recharge your mobile, or pay <br>
the neighbourhood chaiwala.</p>
</div>
<div class="image-container">
<center>
<img src="google play.jpg" alt="Image 1">
<img src="app store.jpg" alt="Image 2">
</center>
</div>
</div>
<!-- First Part Ends -->
<!-- Second Part Starts -->
<div class="second-part">
<div class="box">
<div class="container">
<div class="image">
<img src="./img1.webp" alt="">
<span class="img-overlap1">Did You get it?</span>
<span class="img-overlap2">instantly!</span>
</div>
<div class="content">
<p>The simple way to send or receive money with anyone</p>
<h4>Send or receive money with zero fees, straight from your bank account to almost anyone.
You can send or receive money even if your contact is not on Google Pay.
Split lunch with a friend, pay the rent, or send money to mom.</h4>
</div>
<div class="image2">
<img src="./img3.webp" alt="">
<span class="img-overlap1">Need anything from the shops?</span>
<span class="img-overlap2">Yep, bobby pins</span>
</div>
<div class="content">
<p>Shop, recharge, and more</p>
<h4>Recharge your <a href="">mobiles</a> in a tap and finish with those monthly <a href="">bills</a>
on Google Pay. Now you’re free to go shopping - online, or in a store.
We’ve got you covered with easy access to past transactions, so you’re always in control. Use it
wherever you see UPI or Google Pay.</h4>
</div>
<div class="image4">
<img src="./img4.webp" width="120" height="100" alt="">
<img src="./img5.webp" width="120" height="100" alt="">
</div>
</div>
</div>
</div>
<!-- Seond Part Ends -->
<!-- Third Part Starts -->
<div class="third-part">
<div class="box">
<div class="container">
<div class="heading">
<h2>Shop here with google pay</h2>
</div>
<div class="contain_logo">
<div class="logo">
<img src="./ola.webp" width="200px" height="150px" alt="">
</div>
<div class="logo">
<img src="./zomato.webp" width="200px" height="150px" alt="">
</div>
<div class="logo">
<img src="./uber.webp" width="200px" height="150px" alt="">
</div>
<div class="logo">
<img src="./swiggy.webp" width="200px" height="150px" alt="">
</div>
</div>
</div>
<div class="image">
<img src="./image2.webp" alt="">
</div>
<div class="content">
<p>Rewards that are endlessly rewarding</p>
<h4>Earn scratch cards and other rewards as you use Google Pay worth up to ₹1,00,000*. You don’t need to
hunt for coupon codes. If you win, your rewards go straight into your bank account</h4>
</div>
<div class="last">
<p>*See full <a href="">Terms and conditions</a> for all details including eligibility.</p>
</div>
</div>
</div>
<br>
<!-- Third Part Ends -->
<!-- Fourth Part Starts -->
<!-- Div containing whole body content -->
<div class="fourthPartContainer">
<!-- Mother Daughter picture section -->
<div class="mother-daughter">
<span class="img-overlap1">Got enough balance?</span>
<span class="img-overlap2">Call you when I land.</span>
<img class="motherDaughterImg"
src="https://lh3.googleusercontent.com/10VqrpwWpowtTag_oNudFwj4jXlbdYKSM-b40q1FA0nPcje9zq1iS9_D4YQrunj-bHKVIAZfZEyHyOQ0HEzODyAMsxdwGE9AoonJu9w=rwa-s1660"
alt="" />
</div>
<!-- Bank Section From "Money in your bank to
see all supported banks" -->
<div class="bankSection">
<h1>Money in your bank</h1>
<p>
Pay and receive money instantly using your existing bank accounts. No
more reloding mobile wallet balances or withdrawal fees. It's your
money, made simple.
</p>
<p>Google Pay works with all banks that support BHIM UPI.</p>
<!-- Images of logos of banks -->
<div class="bankImages">
<img src="https://lh3.googleusercontent.com/vRHZUonf7VfQV_SJthAQsOulwoXWnF9IuZXTVvTjwvNOdS4_oqPlc89ZbZPr-VA1hTyKdxyI4FFJMB32ozZz7-0ULMNEMBukatPE=rw-s0"
alt="" />
<img src="https://lh3.googleusercontent.com/qK_f_BfJ-YVBzEr73gTJzMInpjs4Dpn0f2e1eQ9c7n3f1eyNn0-FVOHSuKINXAmiv_ff9XdfM5Tj0zJbI-wLSKIDYL-KoMPRS-Y46Q=rw-s0"
alt="" />
<img src="https://lh3.googleusercontent.com/XfaDZPIfHolqPK8DbJfCVrmV8T8yfEusxA0F7FsKr9LBqxA0_fQ7kj5QrVQtm7YW0wh49qA1zKR5Vfc93Ls7qkr6I3vW_fYSdt71=rw-s0"
alt="" />
<img src="https://lh3.googleusercontent.com/HozAhxzPxH_P8OYr-SQTfrZm0JbTAz4WTt7FUYctWm7S7pd8lMHMWm154dmEocHX1NazJdA84Juv7-ieZgu59oR-8mchFm8mye15=rw-s0"
alt="" />
</div>
<br />
<!-- BHIM logo image -->
<img class="bhimImage" width="250px"
src="https://lh3.googleusercontent.com/TndcJ8_C73UGX06puuOXv6ZRnQNDKNSc-BWpcPK5WcLOO_NVIKO2lexLk27njKBpQ2Ji5dJslRVG3Ru5Q-1y_gdAQXXIpAa-u9aV7Q=rw-s0"
alt="" />
<br />
<a href="#">See all supported banks</a>
</div>
<!-- Bottom grey box -->
<div class="greyBox">
<h1>Getting started is quick and easy </h1>
<!-- Logos in flexbox form -->
<div class="flex-container">
<span>
<img width="70px" src="https://cdn.pixabay.com/photo/2016/12/18/13/45/download-1915753_1280.png"
alt="">
<p>Download Google Pay</p>
</span>
<span>
<img width="70px"
src="https://play-lh.googleusercontent.com/19GU_MtEUEYBvY-TUH6IF96d8AyGYYZoeob1eDQymFXaQb9qtZADzAIFKWoYPFtDci4"
alt="">
<p>Download Google Pay</p>
</span>
<span>
<img width="70px"
src="https://img.freepik.com/premium-vector/link-flat-blue-simple-icon-with-long-shadowxa_159242-10243.jpg"
alt="">
<p>Link your bank account</p>
</span>
<span>
<img width="70px"
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS22RG1G4FLyP8-W2DGbwFVz2NGZ30NRUcr7Vz1ubV_bq82rYW8TFbbkWXWRBOffRHuPHA&usqp=CAU"
alt="">
<p>Download Google Pay</p>
</span>
</div>
<!-- Google play button and Ios download button -->
<div class="link-buttons">
<a href="#"> <img src="https://pay.google.com/about/static_kcs/images/icons/playstore/badge@en_us.png"
alt="">
</a>
<a href="#">
<img src="https://pay.google.com/about/static_kcs/images/icons/appstore/badge@en_us.png" alt="">
</a>
</div>
</div>
</div>
<!-- Fourth Part Ends -->
<!-- Fifth Part Starts -->
<div class="fifth-part">
<center><img
src="https://lh3.googleusercontent.com/io4FSGl_XG_UE5rTiwsmsz1_7eWGmDzglHEmPN7nbF7Np0rAWte0CkyxoOB1Y1BDeemDbFuC12gcLnKwL7kuucESJwhz-vmJPqsR=rwa-s1660"
alt="">
<h1>Your money is protected</h1>
</center>
<p>Google Pay protects your money with a world class security system that helps detect fraud and prevents
hacking. Safeguard your account with your screen lock, such as your fingerprint. If you need assistance,
please visit 'Help and Feedback' in the app to connect with a support specialist</p>
<center>
<p1>Call us 24/7 at our toll-free support number: <span><u>1-800-419-0157</u></span></p1>
</center>
<div class="box">Visit the help center</div>
<div class="image"><img
src="https://lh3.googleusercontent.com/NFHyJvxk1le22pFhu_3PbzWkwi1o_CeNyXo-srF0sVTVfwhjMhus-y5vt0k15NoXSrujTCx4BpR--nTJhgqXpGDGrG6gCwMhbb3_lb4A755_34nr1Rfb"
alt="Google Pay"></div>
<div class="footer">
<div class="list1">
<a href="https://support.google.com/pay/india?visit_id=638290706689694023-1384408557&rd=2&p=tez_hc#topic=10094979"
style="color: rgb(33, 31, 31);">Help Center</a><br>
<a href="https://support.google.com/pay/india/answer/10084701"
style="color: rgb(33, 31, 31);">Grievances</a><br>
<a href="https://pay.google.com/intl/en_in/about/" style="color: rgb(33, 31, 31);">About</a><br>
</div>
<div class="list2">
<a href="https://pay.google.com/intl/en_in/about/terms/" style="color: rgb(33, 31, 31);">terms</a><br>
<a href="https://pay.google.com/intl/en_in/about/business/" style="color: rgb(33, 31, 31);">For
business</a><br>
<a href="https://blog.google/products/google-pay/" style="color: rgb(33, 31, 31);">Blog</a><br>
<a href="https://support.google.com/pay/india?visit_id=637033470110879208-1632266620&rd=2&p=tez_hc#topic=7294297"
style="color: rgb(33, 31, 31);">Contact us</a><br>
</div>
<div class="list3">
<a href="https://support.google.com/pay/india/?visit_id=638290706697210007-651665686&rd=2#topic=10094979"
style="color: rgb(33, 31, 31);">❔Help</a><br>
<a href="https://www.google.com/account/about/?hl=en" style="color: rgb(33, 31, 31);">Your
account</a><br>
</div>
</div>
</div>
<!-- Fifth Part Ends -->
</body>
</html>