Skip to content

Commit b36d61e

Browse files
namyakhannamyakhan
authored
Merge pull request namyakhan#2 from namyakhan/project2
added more projects
2 parents 03dac0d + 8113ae5 commit b36d61e

Some content is hidden

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

70 files changed

+4259
-0
lines changed

‎bankist/Bankist-flowchart.png

834 KB
Loading

‎bankist/README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
username: nk
2+
pin: 2222

‎bankist/icon.png

3.83 KB
Loading

‎bankist/index.html

Lines changed: 128 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<link rel="shortcut icon" type="image/png" href="/icon.png" />
8+
9+
<link
10+
href="https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap"
11+
rel="stylesheet"
12+
/>
13+
14+
<link rel="stylesheet" href="style.css" />
15+
<title>Bankist</title>
16+
</head>
17+
<body>
18+
<!-- TOP NAVIGATION -->
19+
<nav>
20+
<p class="welcome">Log in to get started</p>
21+
<img src="logo.png" alt="Logo" class="logo" />
22+
<form class="login">
23+
<input
24+
type="text"
25+
placeholder="user"
26+
class="login__input login__input--user"
27+
/>
28+
<!-- In practice, use type="password" -->
29+
<input
30+
type="text"
31+
placeholder="PIN"
32+
maxlength="4"
33+
class="login__input login__input--pin"
34+
/>
35+
<button class="login__btn">&rarr;</button>
36+
</form>
37+
</nav>
38+
39+
<main class="app">
40+
<!-- BALANCE -->
41+
<div class="balance">
42+
<div>
43+
<p class="balance__label">Current balance</p>
44+
<p class="balance__date">
45+
As of <span class="date">05/03/2037</span>
46+
</p>
47+
</div>
48+
<p class="balance__value">0000€</p>
49+
</div>
50+
51+
<!-- MOVEMENTS -->
52+
<div class="movements">
53+
<div class="movements__row">
54+
<div class="movements__type movements__type--deposit">2 deposit</div>
55+
<div class="movements__date">3 days ago</div>
56+
<div class="movements__value">4 000€</div>
57+
</div>
58+
<div class="movements__row">
59+
<div class="movements__type movements__type--withdrawal">
60+
1 withdrawal
61+
</div>
62+
<div class="movements__date">24/01/2037</div>
63+
<div class="movements__value">-378€</div>
64+
</div>
65+
</div>
66+
67+
<!-- SUMMARY -->
68+
<div class="summary">
69+
<p class="summary__label">In</p>
70+
<p class="summary__value summary__value--in">0000€</p>
71+
<p class="summary__label">Out</p>
72+
<p class="summary__value summary__value--out">0000€</p>
73+
<p class="summary__label">Interest</p>
74+
<p class="summary__value summary__value--interest">0000€</p>
75+
<button class="btn--sort">&downarrow; SORT</button>
76+
</div>
77+
78+
<!-- OPERATION: TRANSFERS -->
79+
<div class="operation operation--transfer">
80+
<h2>Transfer money</h2>
81+
<form class="form form--transfer">
82+
<input type="text" class="form__input form__input--to" />
83+
<input type="number" class="form__input form__input--amount" />
84+
<button class="form__btn form__btn--transfer">&rarr;</button>
85+
<label class="form__label">Transfer to</label>
86+
<label class="form__label">Amount</label>
87+
</form>
88+
</div>
89+
90+
<!-- OPERATION: LOAN -->
91+
<div class="operation operation--loan">
92+
<h2>Request loan</h2>
93+
<form class="form form--loan">
94+
<input type="number" class="form__input form__input--loan-amount" />
95+
<button class="form__btn form__btn--loan">&rarr;</button>
96+
<label class="form__label form__label--loan">Amount</label>
97+
</form>
98+
</div>
99+
100+
<!-- OPERATION: CLOSE -->
101+
<div class="operation operation--close">
102+
<h2>Close account</h2>
103+
<form class="form form--close">
104+
<input type="text" class="form__input form__input--user" />
105+
<input
106+
type="password"
107+
maxlength="6"
108+
class="form__input form__input--pin"
109+
/>
110+
<button class="form__btn form__btn--close">&rarr;</button>
111+
<label class="form__label">Confirm user</label>
112+
<label class="form__label">Confirm PIN</label>
113+
</form>
114+
</div>
115+
116+
<!-- LOGOUT TIMER -->
117+
<p class="logout-timer">
118+
You will be logged out in <span class="timer">05:00</span>
119+
</p>
120+
</main>
121+
122+
<!-- <footer>
123+
&copy; by Jonas Schmedtmann. Don't claim as your own :)
124+
</footer> -->
125+
126+
<script src="script.js"></script>
127+
</body>
128+
</html>

‎bankist/logo.png

4.16 KB
Loading

0 commit comments

Comments
 (0)