-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (72 loc) · 3.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
type="image/x-icon"
sizes="32x32"
rel="icon"
href="https://img.icons8.com/?size=100&id=7KWSvnNElvvz&format=png&color=000000"
/>
<link
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Roboto:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles/styles.css" />
<title>Convert</title>
</head>
<body>
<div class="github">
<a href="https://github.com/ArkaNiightt" class="btn-github">
<svg
width="40"
height="40"
fill="#0092E4"
xmlns="http://www.w3.org/2000/svg"
data-name="Layer 1"
viewBox="0 0 24 24"
id="github"
>
<path
d="M12,2.2467A10.00042,10.00042,0,0,0,8.83752,21.73419c.5.08752.6875-.21247.6875-.475,0-.23749-.01251-1.025-.01251-1.86249C7,19.85919,6.35,18.78423,6.15,18.22173A3.636,3.636,0,0,0,5.125,16.8092c-.35-.1875-.85-.65-.01251-.66248A2.00117,2.00117,0,0,1,6.65,17.17169a2.13742,2.13742,0,0,0,2.91248.825A2.10376,2.10376,0,0,1,10.2,16.65923c-2.225-.25-4.55-1.11254-4.55-4.9375a3.89187,3.89187,0,0,1,1.025-2.6875,3.59373,3.59373,0,0,1,.1-2.65s.83747-.26251,2.75,1.025a9.42747,9.42747,0,0,1,5,0c1.91248-1.3,2.75-1.025,2.75-1.025a3.59323,3.59323,0,0,1,.1,2.65,3.869,3.869,0,0,1,1.025,2.6875c0,3.83747-2.33752,4.6875-4.5625,4.9375a2.36814,2.36814,0,0,1,.675,1.85c0,1.33752-.01251,2.41248-.01251,2.75,0,.26251.1875.575.6875.475A10.0053,10.0053,0,0,0,12,2.2467Z"
></path>
</svg>
</a>
</div>
<img src="./img/logo.svg" alt="Convert logo" />
<main>
<form>
<label for="amount">valor</label>
<input
type="text"
name="amount"
id="amount"
placeholder="digite um número"
required
/>
<label for="currency">moeda</label>
<select name="currency" id="currency" required>
<option value="" disabled selected hidden>
Selecione a moeda
</option>
<option value="USD">Dólar Americano(US$)</option>
<option value="EUR">Euro(€)</option>
<option value="GBP">Libra Esterlina(£)</option>
<option value="BTC">Bit Coin(₿)</option>
<option value="DOGE">Doge Coin(Ð)</option>
<option value="ETH">Ethereum(⟠)</option>
</select>
<button type="submit">Converter em reais</button>
</form>
<footer>
<span id="description"></span>
<h1 id="result"></h1>
<span id="description-time"></span>
</footer>
</main>
<script src="scripts.js"></script>
</body>
</html>