CurrencyConverter5

Running

App Files Files Community

GarGerry commited on Jan 17

Commit

4ed7334

verified ·

1 Parent(s): c9ebd60

Update index.html

Browse files

Files changed (1) hide show

index.html +57 -49

index.html CHANGED Viewed

@@ -1,60 +1,68 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Currency Converter</title>
-    <link rel="stylesheet" href="style.css">
 </head>
 <body>
-    <div class="container">
-        <header>
-            <div class="logo">
-                <img src="logo.png" alt="Logo">
-            </div>
-            <h1>Currency Converter</h1>
-            <p>Check Live Foreign Currency Exchange Rate</p>
-        </header>
-        <div class="content">
-            <div class="converter">
-                <div class="currency-labels">
-                    <label for="amount">Amount</label>
-                    <input type="number" id="amount" placeholder="Enter amount">
-                </div>
-                <div class="currency-labels">
-                    <label for="from-currency">From</label>
-                    <select id="from-currency">
-                        <option value="USD">USD</option>
-                        <option value="EUR">EUR</option>
-                        <option value="GBP">GBP</option>
-                    </select>
-                </div>
-                <button id="swap-btn" onclick="swapCurrencies()">↕</button>
-                <div class="currency-labels">
-                    <label for="to-currency">To</label>
-                    <select id="to-currency">
-                        <option value="EUR">EUR</option>
-                        <option value="USD">USD</option>
-                        <option value="GBP">GBP</option>
-                    </select>
-                </div>
-                <button id="convert-btn" onclick="convertCurrency()">Convert</button>
-                <p id="result"></p>
-            </div>
-        </div>
-        <footer>
-            <p><strong>About:</strong> Currency Converter App</p>
-            <p><strong>Follow us:</strong> <a href="#">Facebook</a> | <a href="#">Twitter</a></p>
-            <p>&copy; 2025 Currency Converter App. All rights reserved.</p>
-        </footer>
     </div>
-    <script src="script.js"></script>
 </body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Currency Converter</title>
+  <link rel="stylesheet" href="styles.css">
 </head>
 <body>
+  <!-- Navbar -->
+  <header>
+    <nav class="navbar">
+      <a href="#home">
+        <img src="logo.png" alt="Logo" class="logo">
+      </a>
+    </nav>
+  </header>
+  <!-- Headline -->
+  <section class="headline">
+    <h1>Seribu Dolar Baru Taiwan ke Euro</h1>
+    <p>Konversi TWD ke EUR dengan nilai tukar nyata</p>
+  </section>
+  <!-- Main Content (Form Konversi) -->
+  <main>
+    <section class="content-area">
+      <h1>Masukkan Jumlah TWD</h1>
+      <form>
+        <input type="number" id="amount" placeholder="Jumlah TWD" required>
+        <select id="currency-from">
+          <option value="TWD">TWD</option>
+          <!-- Tambahkan mata uang lainnya jika perlu -->
+        </select>
+        <select id="currency-to">
+          <option value="EUR">EUR</option>
+          <!-- Tambahkan mata uang lainnya jika perlu -->
+        </select>
+        <button type="submit">Konversi</button>
+      </form>
+    </section>
+    <!-- Informasi Cara Mengkonversi -->
+    <section class="info-box">
+      <h2>Cara Mengkonversi Mata Uang</h2>
+      <p>Masukkan jumlah uang yang ingin Anda konversi dalam kolom yang tersedia, pilih mata uang asal dan tujuan, lalu tekan tombol "Konversi" untuk mendapatkan hasil konversi berdasarkan nilai tukar yang terkini.</p>
+    </section>
+  </main>
+  <!-- Footer -->
+  <footer class="footer">
+    <div class="social-icons">
+      <a href="https://www.instagram.com/username" target="_blank" title="Instagram">
+        <img src="instagram-icon.png" alt="Instagram" style="width: 24px; height: 24px;">
+      </a>
+      <a href="https://www.twitter.com/username" target="_blank" title="Twitter">
+        <img src="twitter-icon.png" alt="Twitter" style="width: 24px; height: 24px;">
+      </a>
+      <a href="https://www.facebook.com/username" target="_blank" title="Facebook">
+        <img src="facebook-icon.png" alt="Facebook" style="width: 24px; height: 24px;">
+      </a>
     </div>
+    <div class="copyright">
+      <p>&copy; 2025 Teggar Eka Mustaqim Sitanggang. All rights reserved.</p>
+    </div>
+  </footer>
 </body>
+</html>