-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (192 loc) · 12.4 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Currency Converter</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="styling/main.css">
</head>
<body>
<h1 class="container-fluid text-center mt-2 text-light">Currency Converter</h1>
<div class="block mx-auto my-5 text-center bg-dark rounded p-2">
<div class="container-fluid p-2 input-group mb-5">
<input type="number" class="form-control text-center" value="0" name="FromValue" id="fromValue">
<div class="input-group-append">
<select class="custom-select form-control" id="fromCurrency">
<option value="USD" selected="selected">United States Dollars</option>
<option value="EUR">Euro</option>
<option value="GBP">United Kingdom Pounds</option>
<option value="DZD">Algeria Dinars</option>
<option value="ARP">Argentina Pesos</option>
<option value="AUD">Australia Dollars</option>
<option value="ATS">Austria Schillings</option>
<option value="BSD">Bahamas Dollars</option>
<option value="BBD">Barbados Dollars</option>
<option value="BEF">Belgium Francs</option>
<option value="BMD">Bermuda Dollars</option>
<option value="BRR">Brazil Real</option>
<option value="BGL">Bulgaria Lev</option>
<option value="CAD">Canada Dollars</option>
<option value="CLP">Chile Pesos</option>
<option value="CNY">China Yuan Renmimbi</option>
<option value="CYP">Cyprus Pounds</option>
<option value="CSK">Czech Republic Koruna</option>
<option value="DKK">Denmark Kroner</option>
<option value="NLG">Dutch Guilders</option>
<option value="XCD">Eastern Caribbean Dollars</option>
<option value="EGP">Egypt Pounds</option>
<option value="FJD">Fiji Dollars</option>
<option value="FIM">Finland Markka</option>
<option value="FRF">France Francs</option>
<option value="DEM">Germany Deutsche Marks</option>
<option value="XAU">Gold Ounces</option>
<option value="GRD">Greece Drachmas</option>
<option value="HKD">Hong Kong Dollars</option>
<option value="HUF">Hungary Forint</option>
<option value="ISK">Iceland Krona</option>
<option value="INR">India Rupees</option>
<option value="IDR">Indonesia Rupiah</option>
<option value="IEP">Ireland Punt</option>
<option value="ILS">Israel New Shekels</option>
<option value="ITL">Italy Lira</option>
<option value="JMD">Jamaica Dollars</option>
<option value="JPY">Japan Yen</option>
<option value="JOD">Jordan Dinar</option>
<option value="KRW">Korea (South) Won</option>
<option value="LBP">Lebanon Pounds</option>
<option value="LUF">Luxembourg Francs</option>
<option value="MYR">Malaysia Ringgit</option>
<option value="MXP">Mexico Pesos</option>
<option value="NLG">Netherlands Guilders</option>
<option value="NZD">New Zealand Dollars</option>
<option value="NOK">Norway Kroner</option>
<option value="PKR">Pakistan Rupees</option>
<option value="XPD">Palladium Ounces</option>
<option value="PHP">Philippines Pesos</option>
<option value="XPT">Platinum Ounces</option>
<option value="PLZ">Poland Zloty</option>
<option value="PTE">Portugal Escudo</option>
<option value="ROL">Romania Leu</option>
<option value="RUR">Russia Rubles</option>
<option value="SAR">Saudi Arabia Riyal</option>
<option value="XAG">Silver Ounces</option>
<option value="SGD">Singapore Dollars</option>
<option value="SKK">Slovakia Koruna</option>
<option value="ZAR">South Africa Rand</option>
<option value="KRW">South Korea Won</option>
<option value="ESP">Spain Pesetas</option>
<option value="XDR">Special Drawing Right (IMF)</option>
<option value="SDD">Sudan Dinar</option>
<option value="SEK">Sweden Krona</option>
<option value="CHF">Switzerland Francs</option>
<option value="TWD">Taiwan Dollars</option>
<option value="THB">Thailand Baht</option>
<option value="TTD">Trinidad and Tobago Dollars</option>
<option value="TRL">Turkey Lira</option>
<option value="VEB">Venezuela Bolivar</option>
<option value="ZMK">Zambia Kwacha</option>
<option value="EUR">Euro</option>
<option value="XCD">Eastern Caribbean Dollars</option>
<option value="XDR">Special Drawing Right (IMF)</option>
<option value="XAG">Silver Ounces</option>
<option value="XAU">Gold Ounces</option>
<option value="XPD">Palladium Ounces</option>
<option value="XPT">Platinum Ounces</option>
</select>
</div>
</div>
<div class="container-fluid p-2 input-group">
<input type="number" class="form-control text-center" value="0" name="ToValue" id="toValue">
<div class="input-group-append">
<select class="custom-select form-control" id="toCurrency">
<option value="USD">United States Dollars</option>
<option value="EUR">Euro</option>
<option value="GBP">United Kingdom Pounds</option>
<option value="DZD">Algeria Dinars</option>
<option value="ARP">Argentina Pesos</option>
<option value="AUD">Australia Dollars</option>
<option value="ATS">Austria Schillings</option>
<option value="BSD">Bahamas Dollars</option>
<option value="BBD">Barbados Dollars</option>
<option value="BEF">Belgium Francs</option>
<option value="BMD">Bermuda Dollars</option>
<option value="BRR">Brazil Real</option>
<option value="BGL">Bulgaria Lev</option>
<option value="CAD">Canada Dollars</option>
<option value="CLP">Chile Pesos</option>
<option value="CNY">China Yuan Renmimbi</option>
<option value="CYP">Cyprus Pounds</option>
<option value="CSK">Czech Republic Koruna</option>
<option value="DKK">Denmark Kroner</option>
<option value="NLG">Dutch Guilders</option>
<option value="XCD">Eastern Caribbean Dollars</option>
<option value="EGP">Egypt Pounds</option>
<option value="FJD">Fiji Dollars</option>
<option value="FIM">Finland Markka</option>
<option value="FRF">France Francs</option>
<option value="DEM">Germany Deutsche Marks</option>
<option value="XAU">Gold Ounces</option>
<option value="GRD">Greece Drachmas</option>
<option value="HKD">Hong Kong Dollars</option>
<option value="HUF">Hungary Forint</option>
<option value="ISK">Iceland Krona</option>
<option value="INR">India Rupees</option>
<option value="IDR">Indonesia Rupiah</option>
<option value="IEP">Ireland Punt</option>
<option value="ILS">Israel New Shekels</option>
<option value="ITL">Italy Lira</option>
<option value="JMD">Jamaica Dollars</option>
<option value="JPY">Japan Yen</option>
<option value="JOD">Jordan Dinar</option>
<option value="KRW">Korea (South) Won</option>
<option value="LBP">Lebanon Pounds</option>
<option value="LUF">Luxembourg Francs</option>
<option value="MYR">Malaysia Ringgit</option>
<option value="MXP">Mexico Pesos</option>
<option value="NLG">Netherlands Guilders</option>
<option value="NZD">New Zealand Dollars</option>
<option value="NOK">Norway Kroner</option>
<option value="PKR">Pakistan Rupees</option>
<option value="XPD">Palladium Ounces</option>
<option value="PHP">Philippines Pesos</option>
<option value="XPT">Platinum Ounces</option>
<option value="PLZ">Poland Zloty</option>
<option value="PTE">Portugal Escudo</option>
<option value="ROL">Romania Leu</option>
<option value="RUR">Russia Rubles</option>
<option value="SAR">Saudi Arabia Riyal</option>
<option value="XAG">Silver Ounces</option>
<option value="SGD">Singapore Dollars</option>
<option value="SKK">Slovakia Koruna</option>
<option value="ZAR" selected="selected">South Africa Rand</option>
<option value="KRW">South Korea Won</option>
<option value="ESP">Spain Pesetas</option>
<option value="XDR">Special Drawing Right (IMF)</option>
<option value="SDD">Sudan Dinar</option>
<option value="SEK">Sweden Krona</option>
<option value="CHF">Switzerland Francs</option>
<option value="TWD">Taiwan Dollars</option>
<option value="THB">Thailand Baht</option>
<option value="TTD">Trinidad and Tobago Dollars</option>
<option value="TRL">Turkey Lira</option>
<option value="VEB">Venezuela Bolivar</option>
<option value="ZMK">Zambia Kwacha</option>
<option value="EUR">Euro</option>
<option value="XCD">Eastern Caribbean Dollars</option>
<option value="XDR">Special Drawing Right (IMF)</option>
<option value="XAG">Silver Ounces</option>
<option value="XAU">Gold Ounces</option>
<option value="XPD">Palladium Ounces</option>
<option value="XPT">Platinum Ounces</option>
</select>
</div>
</div>
<button class="btn btn-light mx-auto mt-3">Convert</button>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
</body>
</html>