Spaces:
Running
Running
File size: 5,596 Bytes
9ff76f0 9fbd00f e177352 9ff76f0 e177352 af437bf e177352 d2bfa26 e177352 9fbd00f d2bfa26 e177352 d2bfa26 9fbd00f e177352 9fbd00f d2bfa26 9fbd00f e177352 9fbd00f e177352 d53e7dd e177352 d2bfa26 e177352 d2bfa26 9fbd00f d2bfa26 e177352 d2bfa26 e177352 d2bfa26 e177352 d2bfa26 e177352 d53e7dd 9fbd00f 9ff76f0 4ed7334 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 |
<!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 -->
<nav class="navbar">
<div class="logo">
<img src="logo.png" alt="Logo">
</div>
<div class="brand-name">
<h1>Your Brand Name</h1>
</div>
</nav>
<!-- Headline Section -->
<section class="headline">
<h2>Currency Converter</h2>
<p>Convert your currencies easily and quickly.</p>
</section>
<!-- Converter Section -->
<section class="converter">
<div>
<input type="number" id="amount" placeholder="Enter amount" />
<select id="from-currency">
<option value="USD">🇺🇸 USD - United States Dollar</option>
<option value="EUR">🇪🇺 EUR - Euro</option>
<option value="BND">🇧🇳 BND - Brunei Dollar</option>
<option value="KHR">🇰🇭 KHR - Cambodian Riel</option>
<option value="IDR">🇮🇩 IDR - Indonesian Rupiah</option>
<option value="LAK">🇱🇦 LAK - Lao Kip</option>
<option value="MYR">🇲🇾 MYR - Malaysian Ringgit</option>
<option value="MMK">🇲🇲 MMK - Myanmar Kyat</option>
<option value="PHP">🇵🇭 PHP - Philippine Peso</option>
<option value="SGD">🇸🇬 SGD - Singapore Dollar</option>
<option value="THB">🇹🇭 THB - Thai Baht</option>
<option value="VND">🇻🇳 VND - Vietnamese Dong</option>
<option value="GBP">🇬🇧 GBP - British Pound</option>
<option value="CHF">🇨🇭 CHF - Swiss Franc</option>
<option value="RUB">🇷🇺 RUB - Russian Ruble</option>
<option value="TRY">🇹🇷 TRY - Turkish Lira</option>
<option value="CAD">🇨🇦 CAD - Canadian Dollar</option>
<option value="BRL">🇧🇷 BRL - Brazilian Real</option>
<option value="ARS">🇦🇷 ARS - Argentine Peso</option>
<option value="ZAR">🇿🇦 ZAR - South African Rand</option>
<option value="JPY">🇯🇵 JPY - Japanese Yen</option>
<option value="CNY">🇨🇳 CNY - Chinese Yuan</option>
<option value="KRW">🇰🇷 KRW - South Korean Won</option>
<option value="KPW">🇰🇵 KPW - North Korean Won</option>
<option value="HKD">🇭🇰 HKD - Hong Kong Dollar</option>
</select>
<span>to</span>
<select id="to-currency">
<option value="EUR">🇪🇺 EUR - Euro</option>
<option value="USD">🇺🇸 USD - United States Dollar</option>
<option value="BND">🇧🇳 BND - Brunei Dollar</option>
<option value="KHR">🇰🇭 KHR - Cambodian Riel</option>
<option value="IDR">🇮🇩 IDR - Indonesian Rupiah</option>
<option value="LAK">🇱🇦 LAK - Lao Kip</option>
<option value="MYR">🇲🇾 MYR - Malaysian Ringgit</option>
<option value="MMK">🇲🇲 MMK - Myanmar Kyat</option>
<option value="PHP">🇵🇭 PHP - Philippine Peso</option>
<option value="SGD">🇸🇬 SGD - Singapore Dollar</option>
<option value="THB">🇹🇭 THB - Thai Baht</option>
<option value="VND">🇻🇳 VND - Vietnamese Dong</option>
<option value="GBP">🇬🇧 GBP - British Pound</option>
<option value="CHF">🇨🇭 CHF - Swiss Franc</option>
<option value="RUB">🇷🇺 RUB - Russian Ruble</option>
<option value="TRY">🇹🇷 TRY - Turkish Lira</option>
<option value="CAD">🇨🇦 CAD - Canadian Dollar</option>
<option value="BRL">🇧🇷 BRL - Brazilian Real</option>
<option value="ARS">🇦🇷 ARS - Argentine Peso</option>
<option value="ZAR">🇿🇦 ZAR - South African Rand</option>
<option value="JPY">🇯🇵 JPY - Japanese Yen</option>
<option value="CNY">🇨🇳 CNY - Chinese Yuan</option>
<option value="KRW">🇰🇷 KRW - South Korean Won</option>
<option value="KPW">🇰🇵 KPW - North Korean Won</option>
<option value="HKD">🇭🇰 HKD - Hong Kong Dollar</option>
</select>
<button id="convert-btn">Convert</button>
</div>
<div id="result"></div>
</section>
<!-- How to Use Section -->
<section class="steps">
<h3>How to Convert</h3>
<div class="step-box">
<p><strong>1. Enter the Amount</strong></p>
<p>Simply type the amount you want to convert in the input box.</p>
</div>
<div class="step-box">
<p><strong>2. Select Your Currencies</strong></p>
<p>Choose the currency you want to convert from and to.</p>
</div>
<div class="step-box">
<p><strong>3. That's It!</strong></p>
<p>Your conversion result will appear below.</p>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<p>© 2025 Your Brand Name. All Rights Reserved.</p>
</footer>
<script src="script.js"></script>
</body>
</html> |