-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (71 loc) · 3.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cash Register</title>
<link rel="shortcut icon" href="./imgs/favicon.png" type="image/png">
<link rel="stylesheet" href="/style.css">
</head>
<body>
<div class="container">
<h1 class="heading">Cash Register Manager</h1>
<p class="description">Enter the bill amount and cash given by the customer and know minimum number of notes to
return.</p>
<label for="bill-amount">Bill Amount</label>
<input placeholder="enter bill amount" type="number" id="bill-amount">
<button class="next-button"><span style="color: #991b1b; font-size: 1.2rem; "><strong>Next</strong></span></button>
<p class="error-bill" style="font-Style:italic;"></p>
<div class="show">
<label for="cash-given"><span style="color: #991b1b;font-size: 1.3rem;">Cash Given</span></label>
<input placeholder="enter cash given" type="number" id="cash-given">
<div style="display: flex; flex-direction: row; align-items: center; justify-content: center;">
<button class="check-button"><span style="color: #991b1b;"><strong>Check</strong></span></button>
<button class="clear-button"><span style="color: #991b1b;"><strong>Clear</strong></span></button>
</div>
<p class="error-cash" style="font-Style:italic;"></p>
<div class="show-table">
<table class="change-table">
<caption class="table-caption">Return Change</caption>
<tr>
<th>No. of Notes</th>
<td class="notes"></td>
<td class="notes"></td>
<td class="notes"></td>
<td class="notes"></td>
<td class="notes"></td>
<td class="notes"></td>
<td class="notes"></td>
<td class="notes"></td>
</tr>
<tr>
<th>Note</th>
<td>2000</td>
<td>500</td>
<td>100</td>
<td>50</td>
<td>20</td>
<td>10</td>
<td>5</td>
<td>1</td>
</tr>
</table>
</div>
</div>
</div>
<div style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
<p style="margin-top: 10rem; font-size: 1.3rem;">Made by 💖 with Aritra Chowdhury</p>
<div style="display:flex; flex-direction: row;">
<a href="https://github.com/Aritra-art" style="padding:8px 4px; margin-right: 1rem;"><img
src="./imgs/icons8-github.svg" alt="github"></a>
<a href="https://www.linkedin.com/in/aritra-chowdhury-b95a66227/" style=" margin-right: 1rem; cursor:pointer"><img
src="./imgs/icons8-linkedin-circled.svg" alt="linkedin"></a>
<a href="https://www.facebook.com/aritra.chowdhury.549/" style=" margin-right: 1rem;"><img
src="./imgs/icons8-facebook.svg" alt="facebook"></a>
<a href="https://www.instagram.com/aritra_papan/"><img src="./imgs/icons8-instagram.svg" alt="instagram"></a>
</div>
</div>
</body>
<script src="./index.js"></script>
</html>