-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
372 lines (332 loc) · 16.3 KB
/
index.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
366
367
368
369
370
371
372
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--* Favicon -->
<link rel="icon" href="./images/favicon.webp" type="image/x-icon">
<script src="https://kit.fontawesome.com/4a10caa140.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<title>Wise UI Clone</title>
</head>
<body>
<!--* Header Section Start Here -->
<header>
<div class="header-container">
<div class="header-left">
<a href="index.html">
<img src="./images/wise-logo.png" alt="wise-logo" class="logo">
</a>
<div class="header-left-links">
<ul>
<li>Personal</li>
<li>Business</li>
<li>Platform</li>
</ul>
</div>
</div>
<div class="header-right">
<ul>
<li>Features <i class="fa-solid fa-caret-down"></i></li>
<li>Pricing</li>
<li>Help</li>
<li class="lang">
<img src="./images/us.svg" alt="us-flag">
<span>EN</span>
</li>
<li>Log in</li>
<li>Register</li>
</ul>
</div>
</div>
</header>
<!--* Header Section End Here -->
<!--* Main Section Start Here -->
<main>
<div class="main-container">
<!--* Heading Section -->
<div class="heading">
<h1>Connect your <br> money worldwide</h1>
<p>
Pay and get paid globally. Move money where it matters: from <br> paying your mortgage in euros to sending rupees overseas. Fast, <br> simple and secure.
</p>
<div class="btn">
<button class="primary-btn">Send money now</button>
<button class="secondary-btn">How our transfer work</button>
</div>
</div>
<!--* Main Image Section -->
<div class="main-image">
<img src="./images/main-image.jpg" alt="main-image">
</div>
<!--* App Store Section -->
<div class="app-store">
<img src="./images/app-store.svg" alt="app-store-logo">
<img src="./images/google-play.svg" alt="google-play-logo">
</div>
<!--* Exchange Rate Section -->
<div class="exchange-rate-container">
<div class="rate-text">
<h2>High speed, low fee transfers</h2>
<p>
Use our calculator to check prices for transfers in any of 40+ currencies. Whether scheduling payments or putting down deposits — over half our transfers get there in under 20 seconds. Use it to believe it.
</p>
<div class="btn">
<button class="secondary-btn send-money">Learn how to send money</button>
</div>
</div>
<div class="rate-calculator">
<div class="sender">
<p>You send exactly</p>
<div class="sender-money">
<input type="text" placeholder="1,000">
<div class="country">
<img src="./images/us.svg" alt="us-flag">
<span>USD <i class="fa-solid fa-angle-down"></i></span>
</div>
</div>
<div class="account-fee">
<p><i class="fa-solid fa-circle"></i> 2.49 USD</p>
<p>Connected bank account (ACH) fee</p>
</div>
<div class="transfer-fee">
<p><i class="fa-solid fa-circle"></i> 3.77 USD</p>
<p>Our fee</p>
</div>
<div class="total-fee">
<p><i class="fa-solid fa-circle-minus"></i> 6.26 USD</p>
<p>Total fees</p>
</div>
<div class="convert-amount">
<p><i class="fa-solid fa-equals"></i> 988.48 USD</p>
<p>Total amount we'll convert</p>
</div>
<div class="guaranteed-rate">
<p><i class="fa-solid fa-xmark"></i> 135.047</p>
<p>Guaranteed rate (31h)</p>
</div>
</div>
<div class="receiver">
<p>Recipient gets</p>
<div class="receiver-money">
<input type="text" placeholder="133,491">
<div class="country">
<img src="./images/npr.svg" alt="us-flag">
<span>NPR <i class="fa-solid fa-angle-down"></i></span>
</div>
</div>
</div>
<div class="saving">
<p>You could save up to 45.91 USD</p>
<p>Should arrive in 11 hours</p>
</div>
<div class="btn">
<button class="primary-btn send-money">Send money now</button>
<button class="secondary-btn compare">Compare fees</button>
</div>
</div>
</div>
<!--* Features Section -->
<div class="features">
<div class="row">
<div class="image-col">
<img src="./images/product-features-no-card.jpg" alt="">
</div>
<div class="text-col">
<h2>Manage money across borders with one simple account</h2>
<p>Send money to family from the US fast, and keep money in other currencies in your account. Convert to 40+ currencies in just a tap.</p>
<div class="btn">
<button class="primary-btn open-account">Open an account</button>
<button class="explore-account">Explore the wise account</button>
</div>
</div>
</div>
<div class="row">
<div class="text-col">
<h2>4.18% APY on your USD balance</h2>
<p>4.18% APY (Annual Percentage Yield) on your USD Balance when you opt in to our interest feature. Enjoy the same instant access to your money, plus passthrough FDIC insurance up to $250,000 on all Eligible Balances combined through our Program Bank.</p>
<div class="btn">
<button class="primary-btn explore-feature">Explore our interest feature</button>
</div>
</div>
<div class="image-col">
<img src="./images/product-feature-interest.jpg" alt="">
</div>
</div>
<hr>
</div>
<!--* Security Section -->
<div class="security-section">
<div class="bank-info">
<div class="jp-morgan-bank">
<div class="bank-icon">
<i class="fa-solid fa-building-columns"></i>
</div>
<p>All funds are deposited with <br> banks lik JPMorgan Chase <br> Bank</p>
</div>
<div class="network">
<div class="register-icon">
<i class="fa-solid fa-circle-check"></i>
</div>
<p>Registered with the Financial <br> Crimes Enforcement Network <br> (FinCEN)</p>
</div>
<div class="license">
<div class="license-icon">
<i class="fa-solid fa-shield"></i>
</div>
<p>Federally regulated. Check how <br> we're licensed state by state</p>
</div>
</div>
<div class="lock-key">
<div class="lock-text">
<h2>All under lock and key</h2>
<p>
Every cent of the $11 billion we move each month is <br> protected. We use HTTPS encryption and 2-step <br> verification to make sure your transactions are <br> secure.
</p><br>
<p>
Plus our customer service is here to help. We've got <br> dedicated fraud and security teams if you ever need <br> them.
</p>
<div class="btn">
<button class="learn-more">Learn more</button>
</div>
</div>
<div class="lock-image">
<img src="./images/lock-large.webp" alt="">
</div>
</div>
</div>
<!--* Business Section -->
<div class="explore-business">
<div class="row">
<div class="image-col">
<img src="./images/business-no-card.jpg" alt="">
</div>
<div class="text-col">
<h2>Ready for businesses of all sizes</h2>
<p>
Pay invoices and employees worldwide, and keep your cash flow in check. Join over 400,000 freelancers, micro businesses and SMBs using Wise.
</p>
<div class="btn">
<button class="wise-business">Explore Wise Business</button>
</div>
</div>
</div>
</div>
<!--* Mission Section -->
<div class="our-mission">
<div class="globe-image">
<img src="./images/globe-large.webp" alt="">
</div>
<div class="mission-text">
<h2>Meet money <br> without borders</h2>
<p>
We're building the best way to move and manage the world's money. <br> Min fees. Max ease. Full speed.
</p>
<div class="btn">
<button class="wise-mission">Learn about our mission</button>
</div>
</div>
</div>
</div>
</main>
<!--* Main Section End Here -->
<!--* Footer Section Start Here -->
<footer>
<!--* Term and Conditions Section -->
<div class="conditions">
<ol>
<li>
Transaction speed claimed depends on funds availability, approval by Wise's proprietary verification system and systems availability of our partners banking system, and may not be available for all transactions.
</li>
<li>
Annual Percentage Yield (APY) - rates shown are true as of 08/11/2024. See <span>Program Agreement</span> for details.
</li>
<li>
The current Program Bank is JPMorgan Chase Bank, N.A., see Appendix 1 of the <span>Program Agreement</span> for the most updated list of Program Bank(s). Eligible customers must opt in to the interest feature. Participants will have the balance of their USD funds held in their Wise Account “swept” into a Federal Deposit Insurance Corporation (“FDIC”) insured interest-bearing account at one or more participating banks (each, a “Program Bank”) that will hold and pay interest on the deposit funds. For a complete list of Program Banks, please see Appendix 1 of the Program Agreement. For more information on FDIC insurance coverage, please visit <span>www.FDIC.gov.</span> Customers are responsible for monitoring their total assets at each of the Program Banks to determine the extent of available FDIC insurance coverage in accordance with FDIC rules. The Program is not intended to be a long-term investment option, checking or savings account, investment contract or security. <br>
For customers opted in to receive interest on EUR and GBP balances, the FDIC passthrough insurance provided by our program bank is for up to the equivalent of $250,000 in total for your USD, EUR and GBP combined balance amounts (collectively, the “Eligible Balances”).
</li>
</ol>
</div>
<!--* Links Section -->
<div class="links">
<!--* Company Info Section -->
<div class="company">
<p>Company and team</p>
<a href="#">Company and team</a>
<a href="#">Press</a>
<a href="#">Careers</a>
<a href="#">Service status</a>
<a href="#">Investor relations</a>
<a href="#">Mission roadmap</a>
<a href="#">Affiliates and partnerships</a>
<a href="#">Help centre</a>
<a href="#">Accessibility</a>
</div>
<!--* Company Products Section -->
<div class="products">
<p>Wise Products</p>
<a href="#">International money transfers</a>
<a href="#">Wise account</a>
<a href="#">Large amount transfer</a>
<a href="#">Receive money</a>
<a href="#">Wise Platform</a>
<a href="#">Wise Business</a>
<a href="#">Mass payments</a>
</div>
<!--* Company Resources Section -->
<div class="resources">
<p>Resources</p>
<a href="#">News and blog</a>
<a href="#">Research privacy policy</a>
<a href="#">Currency converter</a>
<a href="#">International stock ticker</a>
<a href="#">Swift/BIC codes</a>
<a href="#">IBAN codes</a>
<a href="#">Rate alerts</a>
<a href="#">Compare exchange rates</a>
<a href="#">Invoice generator</a>
<a href="#">Business Calculators</a>
</div>
<!--* Social Media Section -->
<div class="social-media">
<p>Follow us</p>
<ul>
<li><i class="fa-brands fa-facebook-f"></i></li>
<li><i class="fa-brands fa-x-twitter"></i></li>
<li><i class="fa-brands fa-instagram"></i></li>
</ul>
</div>
</div>
<hr>
<!--* Important Links Section -->
<div class="imp-links">
<div class="logo">
<img src="./images/wise-second-logo.png" alt="wise-logo">
</div>
<div class="legal">
<p>Legal</p>
<p>Complaints</p>
</div>
<div class="policy">
<p>Privacy Policy</p>
<p>Country site map</p>
</div>
<div class="cookie">
<p>Cookie policy</p>
<p>Modern slavery statement</p>
</div>
</div>
<!--* Copy Right Section -->
<div class="copy-right">
<p>© Wise US Inc 2024</p>
</div>
<!--* Copy Right Text Section -->
<div class="copy-right-text">
<p>
Wise is a Money Service Business registered with FinCen. It is authorized to operate in <span>most states</span>. In other states, the program <br> is sponsored by Community Federal Savings Bank, to which we're a service provider.
</p>
</div>
</footer>
<!--* Footer Section End Here -->
</body>
</html>