Hugging Face's logo

Spaces:
GarGerry
/
CurrencyConverter5
Running

App Files Community
GarGerry commited on
Commit
af437bf
·
verified ·
1 Parent(s): 396e3f7

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +50 -46
index.html CHANGED
@@ -7,57 +7,61 @@
7
  <link rel="stylesheet" href="style.css">
8
  </head>
9
  <body>
10
- <div class="container">
11
- <!-- Navbar -->
12
- <header>
13
- <div class="logo">
14
- <img src="logo.png" alt="Logo">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  </div>
16
- <h1>Currency Converter</h1>
17
- <p>Check Live Foreign Currency Exchange Rate</p>
18
- </header>
19
-
20
- <!-- Main Content -->
21
- <div class="content">
22
- <div class="currency-container">
23
- <div class="currency-labels">
24
- <label for="amount">Amount</label>
25
- <input type="number" id="amount" placeholder="Enter amount">
26
- </div>
27
-
28
- <div class="currency-labels">
29
- <label for="from-currency">From</label>
30
- <select id="from-currency">
31
- <option value="USD">USD</option>
32
- <option value="EUR">EUR</option>
33
- <option value="GBP">GBP</option>
34
- </select>
35
- </div>
36
-
37
- <button id="swap-btn" onclick="swapCurrencies()">↕</button>
38
-
39
- <div class="currency-labels">
40
- <label for="to-currency">To</label>
41
- <select id="to-currency">
42
- <option value="EUR">EUR</option>
43
- <option value="USD">USD</option>
44
- <option value="GBP">GBP</option>
45
- </select>
46
- </div>
47
-
48
- <button id="convert-btn" onclick="convertCurrency()">Convert</button>
49
- <p id="result"></p>
50
  </div>
51
- </div>
52
 
53
- <!-- Footer -->
54
- <footer>
55
- <p><strong>About:</strong> Currency Converter App</p>
56
- <p><strong>Follow us:</strong> <a href="#">Facebook</a> | <a href="#">Twitter</a></p>
57
- <p>&copy; 2025 Currency Converter App. All rights reserved.</p>
58
- </footer>
59
  </div>
60
 
 
 
 
 
 
 
 
61
  <script src="script.js"></script>
62
  </body>
63
  </html>
 
7
  <link rel="stylesheet" href="style.css">
8
  </head>
9
  <body>
10
+ <!-- Navbar -->
11
+ <div class="navbar">
12
+ <div class="logo">
13
+ <img src="logo.png" alt="Logo">
14
+ </div>
15
+ <p>Welcome to Currency Converter</p>
16
+ </div>
17
+ <hr>
18
+
19
+ <!-- Headline and Explanation -->
20
+ <div class="headline">
21
+ <h1>Currency Converter</h1>
22
+ <p>Check live foreign exchange rates and convert currencies with ease!</p>
23
+ </div>
24
+
25
+ <!-- Content (Converter) -->
26
+ <div class="content">
27
+ <div class="converter">
28
+ <div class="currency-labels">
29
+ <label for="amount">Amount</label>
30
+ <input type="number" id="amount" placeholder="Enter amount">
31
+ </div>
32
+
33
+ <div class="currency-labels">
34
+ <label for="from-currency">From</label>
35
+ <select id="from-currency">
36
+ <option value="USD">USD</option>
37
+ <option value="EUR">EUR</option>
38
+ <option value="GBP">GBP</option>
39
+ </select>
40
  </div>
41
+
42
+ <button id="swap-btn" onclick="swapCurrencies()">↕</button>
43
+
44
+ <div class="currency-labels">
45
+ <label for="to-currency">To</label>
46
+ <select id="to-currency">
47
+ <option value="EUR">EUR</option>
48
+ <option value="USD">USD</option>
49
+ <option value="GBP">GBP</option>
50
+ </select>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
51
  </div>
 
52
 
53
+ <button id="convert-btn" onclick="convertCurrency()">Convert</button>
54
+ <p id="result"></p>
55
+ </div>
 
 
 
56
  </div>
57
 
58
+ <!-- Footer (About, Social Media, Copyright) -->
59
+ <footer>
60
+ <p><strong>About:</strong> Currency Converter App</p>
61
+ <p><strong>Follow us:</strong> <a href="#">Facebook</a> | <a href="#">Twitter</a></p>
62
+ <p>&copy; 2025 Currency Converter App. All rights reserved.</p>
63
+ </footer>
64
+
65
  <script src="script.js"></script>
66
  </body>
67
  </html>