File size: 2,803 Bytes
9ff76f0 9fbd00f 11f1f21 9ff76f0 11f1f21 92b055b 11f1f21 0ad5a52 11f1f21 d2bfa26 11f1f21 0ad5a52 11f1f21 cc94bf7 11f1f21 1e8c788 cc94bf7 24d4c2a 11f1f21 467b80e 24d4c2a 11f1f21 467b80e 11f1f21 467b80e 24d4c2a 11f1f21 467b80e 1e8c788 467b80e 1e8c788 11f1f21 9fbd00f 11f1f21 d53e7dd 11f1f21 1741f6c f9b2c5e 1741f6c f9b2c5e 11f1f21 1741f6c f9b2c5e 11f1f21 fcd7628 d2bfa26 11f1f21 d2bfa26 11f1f21 24d4c2a 11f1f21 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 |
<!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">
<div class="currency-group">
<label for="from">From:</label>
<select id="from">
<option value="USD">🇺🇸 USD</option>
<option value="EUR">🇪🇺 EUR</option>
<!-- Add other currencies here -->
</select>
</div>
<button id="swap-btn" onclick="swapCurrencies()">⇅</button>
<div class="currency-group">
<label for="to">To:</label>
<select id="to">
<option value="EUR">🇪🇺 EUR</option>
<option value="USD">🇺🇸 USD</option>
<!-- Add other currencies here -->
</select>
</div>
</div>
<button id="convert-btn">Convert</button>
<p id="result"></p>
</div>
</section>
<section class="how-to-use">
<h2>How to convert Euros to US Dollars</h2>
<div class="steps">
<div class="step">
<h3>1. Enter the amount</h3>
<p>Simply type in the box the amount you want to convert.</p>
</div>
<div class="step">
<h3>2. Select Your Currencies</h3>
<p>Choose the currency you want to convert.</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 © 2025</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html> |