Hugging Face's logo

Spaces:
GarGerry
/
CurrencyConverter5
Running

App Files Community
GarGerry commited on
Commit
a68611e
·
verified ·
1 Parent(s): 1ef8ef7

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +25 -30
index.html CHANGED
@@ -5,14 +5,13 @@
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Currency Converter</title>
7
  <link rel="stylesheet" href="styles.css">
8
- <script src="https://kit.fontawesome.com/a076d05399.js"></script> <!-- For swap icon -->
9
  </head>
10
  <body>
11
 
12
  <!-- Navbar -->
13
  <div class="navbar">
14
  <div class="logo">
15
- <img src="logo.png" alt="Logo"> <!-- Add your logo here -->
16
  </div>
17
  </div>
18
 
@@ -38,18 +37,16 @@
38
  <select id="from-currency">
39
  <option value="USD">USD</option>
40
  <option value="EUR">EUR</option>
41
- <!-- Add other currencies here -->
42
  </select>
43
  </div>
44
  <div class="swap-btn" id="swap-btn" onclick="swapCurrencies()">
45
- <i class="fas fa-exchange-alt"></i> <!-- Swap icon -->
46
  </div>
47
  <div class="currency-group">
48
  <label for="to-currency">To</label>
49
  <select id="to-currency">
50
  <option value="EUR">EUR</option>
51
  <option value="USD">USD</option>
52
- <!-- Add other currencies here -->
53
  </select>
54
  </div>
55
  </div>
@@ -57,39 +54,37 @@
57
  <!-- Convert button -->
58
  <button id="convert-btn" onclick="convertCurrency()">Convert</button>
59
 
60
- <!-- Result display -->
61
  <div id="result"></div>
62
  </div>
63
- </div>
64
 
65
- <!-- How to Use Section -->
66
- <div class="how-to-use">
67
- <h2>How to Convert</h2>
68
- <div class="steps">
69
- <div class="step">
70
- <h3>1. Enter the Amount</h3>
71
- <p>Simply type the amount you want to convert in the input box.</p>
72
- </div>
73
- <div class="step">
74
- <h3>2. Select Your Currencies</h3>
75
- <p>Choose the currency you want to convert from and to.</p>
76
- </div>
77
- <div class="step">
78
- <h3>3. Hit Convert</h3>
79
- <p>Click the convert button to see the result.</p>
 
80
  </div>
81
  </div>
82
  </div>
83
 
84
  <!-- Footer -->
85
- <div class="footer">
86
- <div class="footer-content">
87
- <p>About</p>
88
- <p>Social Media</p>
89
- <p>Copyright © 2025</p>
90
- </div>
91
- </div>
92
 
93
- <script src="script.js"></script> <!-- JavaScript -->
94
  </body>
95
  </html>
 
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Currency Converter</title>
7
  <link rel="stylesheet" href="styles.css">
 
8
  </head>
9
  <body>
10
 
11
  <!-- Navbar -->
12
  <div class="navbar">
13
  <div class="logo">
14
+ <img src="logo.png" alt="Logo">
15
  </div>
16
  </div>
17
 
 
37
  <select id="from-currency">
38
  <option value="USD">USD</option>
39
  <option value="EUR">EUR</option>
 
40
  </select>
41
  </div>
42
  <div class="swap-btn" id="swap-btn" onclick="swapCurrencies()">
43
+ <i class="fas fa-exchange-alt"></i>
44
  </div>
45
  <div class="currency-group">
46
  <label for="to-currency">To</label>
47
  <select id="to-currency">
48
  <option value="EUR">EUR</option>
49
  <option value="USD">USD</option>
 
50
  </select>
51
  </div>
52
  </div>
 
54
  <!-- Convert button -->
55
  <button id="convert-btn" onclick="convertCurrency()">Convert</button>
56
 
57
+ <!-- Result -->
58
  <div id="result"></div>
59
  </div>
 
60
 
61
+ <!-- How to Use Section -->
62
+ <div class="how-to-use">
63
+ <h2>How to Convert</h2>
64
+ <div class="steps">
65
+ <div class="step">
66
+ <h3>1. Enter the Amount</h3>
67
+ <p>Simply type the amount you want to convert in the input box.</p>
68
+ </div>
69
+ <div class="step">
70
+ <h3>2. Select Your Currencies</h3>
71
+ <p>Choose the currencies you want to convert from and to.</p>
72
+ </div>
73
+ <div class="step">
74
+ <h3>3. Convert!</h3>
75
+ <p>Click on the Convert button and get your result instantly.</p>
76
+ </div>
77
  </div>
78
  </div>
79
  </div>
80
 
81
  <!-- Footer -->
82
+ <footer class="footer">
83
+ <p>&copy; 2025 Your Company</p>
84
+ <p>About | Social Media | Privacy</p>
85
+ </footer>
86
+
87
+ <script src="script.js"></script>
 
88
 
 
89
  </body>
90
  </html>