-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (106 loc) · 3.98 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<title>Frontend Mentor | Easybank landing page</title>
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
<style>
.attribution { font-size: 11px; text-align: center; }
.attribution a { color: hsl(228, 45%, 44%); }
</style>
<!-- google font link -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;700&display=swap" rel="stylesheet">
<!-- css stylesheet -->
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<!-- header section -->
<header>
<nav class="flex menu jc_sa ai_c">
<!-- logo -->
<a href="#" class="menu_logo">
<img src="./images/logo.svg" alt="Easybank logo">
</a>
<div class="menu_nav hide_for_mob">
<!-- links section -->
<ul class="menu_links">
<li>
<a href="index.html" class="menu_links_item active">Home</a>
</li>
<li>
<a href="about.html" class="menu_links_item">About</a>
</li>
<li>
<a href="contact.html" class="menu_links_item">Contact</a>
</li>
<li>
<a href="blog.html" class="menu_links_item">Blog</a>
</li>
<li>
<a href="careers.html" class="menu_links_item">Careers</a>
</li>
</ul>
</div>
<div class="menu_burger ai_c hide_for_desk">
<span class="menu_burger_item"></span>
</div>
<!-- button -->
<a href="/" type="button" class="menu_btn hide_for_mob" id="btn">Request Invite</a>
</nav>
</header>
<!-- Next generation digital banking
Take your financial life online. Your Easybank account will be a one-stop-shop
for spending, saving, budgeting, investing, and much more.
Request Invite
Why choose Easybank?
We leverage Open Banking to turn your bank account into your financial hub. Control
your finances like never before.
Online Banking
Our modern web and mobile applications allow you to keep track of your finances
wherever you are in the world.
Simple Budgeting
See exactly where your money goes each month. Receive notifications when you’re
close to hitting your limits.
Fast Onboarding
We don’t do branches. Open your account in minutes online and start taking control
of your finances right away.
Open API
Manage your savings, investments, pension, and much more from one account. Tracking
your money has never been easier.
Latest Articles
By Claire Robinson
Receive money in any currency with no fees
The world is getting smaller and we’re becoming more mobile. So why should you be
forced to only receive money in a single …
By Wilson Hutton
Treat yourself without worrying about money
Our simple budgeting feature allows you to separate out your spending and set
realistic limits each month. That means you …
By Wilson Hutton
Take your Easybank card wherever you go
We want you to enjoy your travels. This is why we don’t charge any fees on purchases
while you’re abroad. We’ll even show you …
By Claire Robinson
Our invite-only Beta accounts are now live!
After a lot of hard work by the whole team, we’re excited to launch our closed beta.
It’s easy to request an invite through the site ...
About Us
Contact
Blog
Careers
Support
Privacy Policy
Request Invite
© Easybank. All Rights Reserved
-->
<div class="attribution">
Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
Coded by <a href="#">David Echoda</a>.
</div>
<script src="./app/Js/index.js"></script>
</body>
</html>