-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
54 lines (53 loc) · 2.45 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
<!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">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="./assets/css/bulma-extension.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/style.css">
<title>CryptoCurrency Wallet</title>
</head>
<body>
<div class="header">CryptoCurrency Wallet</div>
<div class="columns">
<div class = "column is-one-third " id="wallet-section">
<h1>Currency Wallet</h1>
<hr>
<div id="wallet-contents">
<ul id="wallet-items"></ul>
</div>
<form id="wallet-input">
<label for="amount-input">Quantity:</label>
<input type="number" id="amount-input" class="input " min="0">
<div class="select" id="currency-drop-down">
<select id="currency-select">
<option selected disabled>Select currency</option>
<option value="BTC">Bitcoin</option>
<option value="ETH">Ethereum</option>
<option value="ADA">Cardano</option>
<option value="LTC">Litecoin</option>
<option value="BNB">Binance Coin</option>
<option value="XRP">XRP</option>
<option value="DOT">Polkadot</option>
<option value="USDC">USCoin</option>
<option value="DOGE">Dogecoin</option>
<option value="LUNA">Luna</option>
</select>
</div>
<button id="submit-button" class="button" type="submit">Add to Wallet</button>
<audio src="assets/sounds/Cash Register - Sound Effect.mp3" id="audio"></audio>
<label class="switch">
<input id="switch" type="checkbox">
<span class="slider round"></span><br><h2>Auto Refresh</h2>
</label>
</form>
</div>
<div class = "column is-two-thirds" id="content-section"></div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>