This repository has been archived by the owner on Jun 13, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
131 lines (119 loc) · 4.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="shortcut icon" type="image/png" href="img/banka-blue-logo.png" />
<link rel="stylesheet" type="text/css" href="./css/style.css" />
<title>Banka</title>
</head>
<body>
<div class="wrapper">
<div class="top-banner">
<header>
<a href="index.html">
<img class="logo" src="./img/banka-light-logo.svg"
/></a>
<nav>
<a class="signup-button" id="signup-button">Signup</a>
<a class="login-button" id="login-button">Login</a>
</nav>
</header>
<h1>Creating<br/> Financial Happiness for all.</h1>
</div>
<div class="easy-banking-section">
<div class="achievement-section" id="test">
<div class="achievement">
<img src="./img/branch_img.svg" alt="200 Branches" />
<div>
<h4>200</h4>
<p>Branches</p>
</div>
</div>
<div class="achievement">
<img src="./img/transactions-img.svg" alt="100K Transactions" />
<div>
<h4>100K</h4>
<p>Transactions</p>
</div>
</div>
<div class="achievement">
<img src="./img/happy-customer-img.svg" alt="3M Happy Customers" />
<div>
<h4>3M</h4>
<p>Happy Customers</p>
</div>
</div>
</div>
<h2>
Banking Made Easy
</h2>
<p>
Banka is a light-weight core banking application that powers banking
operations like account creation, customer deposit and withdrawals.
This app is meant to support a single bank, where users can signup and
create bank accounts online, but must visit the branch to withdraw or
deposit money.
</p>
</div>
<div class="create-account-section">
<h5>
Want to create an account?
</h5>
<button class="create-account-button">Click here</button>
</div>
<div class="actions-section">
<div class="action">
<img src="./img/open-account-img.svg" alt="Open an account" />
<div>
<h4>Open an account</h4>
</div>
</div>
<div class="action">
<img
src="./img/transaction-history-img.svg"
alt="100K Transactions"
/>
<div>
<h4>View transaction history</h4>
</div>
</div>
<div class="action">
<img src="./img/internet-support-img.svg" alt="3M Happy Customers" />
<div>
<h4>Internet support</h4>
</div>
</div>
</div>
<div id="signupModal" class="modal">
<div class="onboarding-modal">
<img src="./img/banka-blue-logo.svg" />
<input type="text" id="fname" name="fname" placeholder="First Name">
<input type="text" id="lname" name="lname" placeholder="Last Name">
<input type="text" id="email" name="email" placeholder="Email Address">
<input type="password" id="password" name="password" placeholder="Password">
<button class="signup">Signup</button>
</div>
</div>
<div id="loginModal" class="modal">
<div class="onboarding-modal">
<img src="./img/banka-blue-logo.svg" />
<div class="ct-select-group ct-js-select-group">
<select class="ct-select ct-js-select" id="user-role">
<option value="customer">CUSTOMER</option>
<option value="staff">STAFF</option>
<option value="admin">ADMIN</option>
</select>
</div>
<input type="text" id="email" name="email" placeholder="Email Address">
<input type="password" id="password" name="password" placeholder="Password">
<button class="signup" id="user-login-btn">Login</button>
<p class="account"><a id="signup-button">Forgot password?</a></p>
</div>
</div>
</div>
</div>
</body>
<script src="./js/main.js"></script>
</html>