Skip to content

Commit 4626262

Browse files
ved-01ved-01
committed
first commit
0 parents  commit 4626262

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+4530
-0
lines changed

‎.prettierrc

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"singleQuote": true,
3+
"arrowParens": "avoid"
4+
}

‎README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# 💸 Bankist
2+
3+
Bankist is a fictitious and minimalistic online banking application
4+
5+
## Deployment
6+
7+
Deployed Website: https://shuvo18103107.github.io/Bankist-Web-App/

‎app.html

Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
8+
<link rel="shortcut icon" type="image/png" href="./img/icon.png" />
9+
10+
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap" rel="stylesheet" />
11+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
13+
<link rel="stylesheet" href="./css/app.css" />
14+
<title>Minimalist Online Bank</title>
15+
</head>
16+
17+
<body>
18+
<!-- TOP NAVIGATION -->
19+
20+
<div class="container col-12 mainWrap m-0 p-0">
21+
<!-- starter header -->
22+
23+
24+
25+
<div class="row col-12 m-0 p-0 nav">
26+
27+
<div class="col-lg-4 col-md-2 col-sm-2 col-xs-2 text-end p-0 m-0">
28+
<img src="img/logo.png" alt="Logo" class="logo" />
29+
30+
</div>
31+
<div class="col-lg-4 col-md-4 col-sm-10 col-xs-10 ">
32+
<p class="welcome mb-5">Log in to get started</p>
33+
34+
</div>
35+
36+
37+
38+
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 p-0 m-0 col-12">
39+
<form class="login container m-0 p-0">
40+
<input type="text" placeholder="user" class="login__input login__input--user" />
41+
<!-- In practice, use type="password" -->
42+
<input type="text" placeholder="PIN" maxlength="4" class="login__input login__input--pin" />
43+
<button class="login__btn">&rarr;</button>
44+
</form>
45+
</div>
46+
47+
48+
</div>
49+
<!-- starter header end -->
50+
<main class="app">
51+
<!-- balence section start-->
52+
<div class="row col-12 m-0 p-0 mt-5 mb-5">
53+
<div class="col-6 text-center">
54+
<p class="balance__label">Current balance</p>
55+
<p class="balance__date">
56+
As of <span class="date">05/03/2037</span>
57+
</p>
58+
</div>
59+
<div class="col-6 text-center balenceVal">
60+
<p class="balance__value">0000৳</p>
61+
62+
</div>
63+
64+
</div>
65+
<!-- balence section end -->
66+
<!-- movement section start -->
67+
68+
<div class="container col-12">
69+
<div class="row col-12 m-0 p-0">
70+
<div class="col-12 col-lg-8 movementDiv p-0 m-0">
71+
<div class="movements">
72+
<div class="movements__row">
73+
<div class="movements__type movements__type--deposit">2 deposit</div>
74+
<div class="movements__date">3 days ago</div>
75+
<div class="movements__value">4 000€</div>
76+
</div>
77+
<div class="movements__row">
78+
<div class="movements__type movements__type--withdrawal">
79+
1 withdrawal
80+
</div>
81+
<div class="movements__date">24/01/2037</div>
82+
<div class="movements__value">-378€</div>
83+
</div>
84+
</div>
85+
<div class="summary">
86+
<p class="summary__label">In</p>
87+
<p class="summary__value summary__value--in">0000৳</p>
88+
<p class="summary__label">Out</p>
89+
<p class="summary__value summary__value--out">0000৳</p>
90+
<p class="summary__label">Interest</p>
91+
<p class="summary__value summary__value--interest">0000৳</p>
92+
<button class="btn--sort">&downarrow; SORT</button>
93+
</div>
94+
95+
96+
</div>
97+
<div class="col-12 col-lg-4 operationDiv ">
98+
99+
100+
<!-- OPERATION: TRANSFERS -->
101+
<div class="operation operation--transfer mb-4">
102+
<h2>Transfer money</h2>
103+
<form class="form form--transfer">
104+
<input type="text" class="form__input form__input--to" />
105+
<input type="number" class="form__input form__input--amount" />
106+
<button class="form__btn form__btn--transfer">&rarr;</button>
107+
<label class="form__label">Transfer to</label>
108+
<label class="form__label">Amount</label>
109+
</form>
110+
</div>
111+
112+
<!-- OPERATION: LOAN -->
113+
<div class="operation operation--loan mb-4">
114+
<h2>Request loan</h2>
115+
<form class="form form--loan">
116+
<input type="number" class="form__input form__input--loan-amount" />
117+
<button class="form__btn form__btn--loan">&rarr;</button>
118+
<label class="form__label form__label--loan">Amount</label>
119+
</form>
120+
</div>
121+
122+
<!-- OPERATION: CLOSE -->
123+
<div class="operation operation--close">
124+
<h2>Close account</h2>
125+
<form class="form form--close">
126+
<input type="text" class="form__input form__input--user" />
127+
<input type="password" maxlength="6" class="form__input form__input--pin" />
128+
<button class="form__btn form__btn--close">&rarr;</button>
129+
<label class="form__label">Confirm user</label>
130+
<label class="form__label">Confirm PIN</label>
131+
</form>
132+
</div>
133+
134+
<!-- LOGOUT TIMER -->
135+
<p class="logout-timer">
136+
You will be logged out in <span class="timer">05:00</span>
137+
</p>
138+
139+
</div>
140+
141+
</div>
142+
</div>
143+
144+
</main>
145+
<footer class="footer hidden">
146+
<div class="footer-text">© Copyright by Mohammad Ali Shuvo</div>
147+
<button class="btn-logout">Logout <i class="fas fa-sign-out-alt" aria-hidden="true"></i></button>
148+
</footer>
149+
<!-- movements section start -->
150+
</div>
151+
152+
153+
154+
<!-- <footer>
155+
&copy; by Jonas Schmedtmann. Don't claim as your own :)
156+
</footer> -->
157+
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
158+
<script src="https://cdn.rawgit.com/mckamey/countdownjs/master/countdown.min.js"></script>
159+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
160+
161+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
162+
<script src="./js/tata.js"></script>
163+
<script src="./js/app.js"></script>
164+
<!-- <script src="coding challenge.js"></script> -->
165+
<!-- <script src="coding challenge 2.js"></script> -->
166+
<!-- <script src="arrayMethod.js"></script> -->
167+
<!-- <script src="finalcodingChallenge.js"></script> -->
168+
</body>
169+
170+
</html>

0 commit comments

Comments
 (0)