Hugging Face's logo

Spaces:
GarGerry
/
CurrencyConverter5
Running

App Files Community
GarGerry commited on
Commit
271f097
·
verified ·
1 Parent(s): e7ad681

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +12 -6
index.html CHANGED
@@ -10,7 +10,12 @@
10
  </head>
11
  <body>
12
  <div class="container">
13
- <h1>Currency Converter</h1>
 
 
 
 
 
14
  <form id="currencyForm">
15
  <input type="number" id="amount" placeholder="Enter amount" required>
16
  <div class="currency-selectors">
@@ -40,18 +45,19 @@
40
  </div>
41
  <button type="submit">Convert</button>
42
  </form>
 
43
  <!-- Menambahkan tempat untuk ikon mata uang dan hasil konversi -->
44
  <div id="result">
45
  <i id="fromCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang asal -->
46
  <span id="conversionResult"></span> <!-- Hasil konversi -->
47
  <i id="toCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang tujuan -->
48
  </div>
49
- </div>
50
- <!-- Footer -->
51
- <footer>
52
- <p>Copyright © 2025 Teggar Eka Mustaqim Sitanggang</p>
53
- </footer>
54
 
 
 
 
 
 
55
  <script src="script.js"></script>
56
  </body>
57
  </html>
 
10
  </head>
11
  <body>
12
  <div class="container">
13
+ <!-- Header dengan animasi -->
14
+ <header>
15
+ <h1 id="header-text">Seamless Currency Exchange at Your Fingertips</h1>
16
+ </header>
17
+
18
+ <!-- Formulir untuk konversi mata uang -->
19
  <form id="currencyForm">
20
  <input type="number" id="amount" placeholder="Enter amount" required>
21
  <div class="currency-selectors">
 
45
  </div>
46
  <button type="submit">Convert</button>
47
  </form>
48
+
49
  <!-- Menambahkan tempat untuk ikon mata uang dan hasil konversi -->
50
  <div id="result">
51
  <i id="fromCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang asal -->
52
  <span id="conversionResult"></span> <!-- Hasil konversi -->
53
  <i id="toCurrencyIcon" class="fas"></i> <!-- Ikon untuk mata uang tujuan -->
54
  </div>
 
 
 
 
 
55
 
56
+ <!-- Footer dengan copyright -->
57
+ <footer>
58
+ <p>© 2025 Powered by Teggar Eka Mustaqim Sitanggang</p>
59
+ </footer>
60
+ </div>
61
  <script src="script.js"></script>
62
  </body>
63
  </html>