Spaces:
Running
Running
File size: 2,656 Bytes
9ff76f0 9fbd00f fcd7628 9ff76f0 0ad5a52 fcd7628 010b678 e177352 0ad5a52 e177352 d2bfa26 0ad5a52 d54a9be cc94bf7 d54a9be cc94bf7 d54a9be cc94bf7 d54a9be cc94bf7 d54a9be 977d885 d54a9be cc94bf7 d54a9be 0ad5a52 9fbd00f e177352 d53e7dd fcd7628 0ad5a52 fcd7628 0ad5a52 fcd7628 0ad5a52 fcd7628 0ad5a52 fcd7628 d2bfa26 e177352 d2bfa26 e177352 0ad5a52 3cdbc8f 0ad5a52 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 |
<!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>
<header>
<nav class="navbar">
<div class="logo">
<img src="logo.png" alt="Logo">
</div>
</nav>
</header>
<section class="headline">
<h1>Currency Converter</h1>
<p>Convert your money between different currencies easily.</p>
</section>
<section class="content">
<div class="converter-container">
<!-- Amount -->
<div class="currency-box">
<label for="amount">Amount:</label>
<input type="number" id="amount" placeholder="Enter amount">
</div>
<!-- From & To Currency -->
<div class="currency-select">
<label for="from-currency">From:</label>
<select id="from-currency">
<option value="USD">🇺🇸 USD</option>
<option value="EUR">🇪🇺 EUR</option>
<!-- Add other currencies here -->
</select>
<button id="swap-btn" onclick="swapCurrencies()">⇅</button>
<label for="to-currency">To:</label>
<select id="to-currency">
<option value="EUR">🇪🇺 EUR</option>
<option value="USD">🇺🇸 USD</option>
<!-- Add other currencies here -->
</select>
</div>
<button id="convert-btn">Convert</button>
<p id="result"></p>
</div>
</section>
<section class="how-to-use">
<h2>How to Convert</h2>
<div class="steps">
<div class="step">
<h3>1. Enter the Amount</h3>
<p>Simply type the amount you want to convert in the input box.</p>
</div>
<div class="step">
<h3>2. Select Your Currencies</h3>
<p>Choose the currency you want to convert from and to.</p>
</div>
<div class="step">
<h3>3. That's It</h3>
<p>Our currency converter will show you the current exchange rate.</p>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-content">
<p>About</p>
<p>Social Media</p>
<p>Copyright © 2022025</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html> |