Hugging Face's logo

Spaces:
GarGerry
/
Testinghh
Running

App Files Community
GarGerry commited on
Commit
43e0d7d
·
verified ·
1 Parent(s): c490b4c

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +18 -17
index.html CHANGED
@@ -14,17 +14,16 @@
14
  </header>
15
 
16
  <form id="currencyForm">
17
- <!-- Label Amount -->
18
  <div class="form-group">
19
  <label for="amount">Amount</label>
20
  <input type="number" id="amount" placeholder="Enter amount" value="10.00" required>
21
  </div>
22
 
23
- <!-- Label From, Swap, and To -->
24
- <div class="currency-selectors">
25
- <!-- From Section -->
26
- <div class="currency-group">
27
- <label for="fromCurrency">From</label>
28
  <select id="fromCurrency" required>
29
  <option value="USD" selected>USD - US Dollar</option>
30
  <option value="EUR">EUR - Euro</option>
@@ -37,17 +36,19 @@
37
  <option value="CAD">CAD - Canadian Dollar</option>
38
  </select>
39
  </div>
 
40
 
41
- <!-- Swap Button -->
42
- <div class="swap-group">
43
- <button type="button" id="swapButton" aria-label="Swap Currencies">
44
- <i class="fas fa-arrows-alt-v"></i>
45
- </button>
46
- </div>
47
 
48
- <!-- To Section -->
49
- <div class="currency-group">
50
- <label for="toCurrency">To</label>
 
51
  <select id="toCurrency" required>
52
  <option value="USD">USD - US Dollar</option>
53
  <option value="EUR">EUR - Euro</option>
@@ -61,8 +62,8 @@
61
  </select>
62
  </div>
63
  </div>
64
-
65
- <!-- Result Section -->
66
  <div id="result" class="result-box">
67
  Result will appear here
68
  </div>
 
14
  </header>
15
 
16
  <form id="currencyForm">
17
+ <!-- Amount Input -->
18
  <div class="form-group">
19
  <label for="amount">Amount</label>
20
  <input type="number" id="amount" placeholder="Enter amount" value="10.00" required>
21
  </div>
22
 
23
+ <!-- From Currency -->
24
+ <div class="form-group">
25
+ <label for="fromCurrency">From</label>
26
+ <div class="input-group">
 
27
  <select id="fromCurrency" required>
28
  <option value="USD" selected>USD - US Dollar</option>
29
  <option value="EUR">EUR - Euro</option>
 
36
  <option value="CAD">CAD - Canadian Dollar</option>
37
  </select>
38
  </div>
39
+ </div>
40
 
41
+ <!-- Swap Button -->
42
+ <div class="swap-group">
43
+ <button type="button" id="swapButton" aria-label="Swap Currencies">
44
+ <i class="fas fa-arrows-alt-v"></i>
45
+ </button>
46
+ </div>
47
 
48
+ <!-- To Currency -->
49
+ <div class="form-group">
50
+ <label for="toCurrency">To</label>
51
+ <div class="input-group">
52
  <select id="toCurrency" required>
53
  <option value="USD">USD - US Dollar</option>
54
  <option value="EUR">EUR - Euro</option>
 
62
  </select>
63
  </div>
64
  </div>
65
+
66
+ <!-- Result -->
67
  <div id="result" class="result-box">
68
  Result will appear here
69
  </div>