Spaces:
Running
Running
File size: 2,295 Bytes
9ff76f0 9fbd00f 92b055b 9ff76f0 92b055b a68611e 92b055b 0ad5a52 1e8c788 92b055b d2bfa26 1e8c788 92b055b 0ad5a52 cc94bf7 92b055b 1e8c788 cc94bf7 1e8c788 cc94bf7 1e8c788 92b055b 9fbd00f f9b2c5e d53e7dd 1e8c788 f9b2c5e 1e8c788 f9b2c5e 1e8c788 f9b2c5e 1e8c788 fcd7628 d2bfa26 92b055b d2bfa26 92b055b f9b2c5e 1e8c788 f9b2c5e a68611e 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 |
<!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 -->
<div class="navbar">
<div class="logo">
<img src="logo.png" alt="Logo">
</div>
</div>
<!-- Headline -->
<div class="headline">
<h1>Currency Converter</h1>
<p>Convert currencies easily and quickly</p>
</div>
<!-- Content Converter -->
<div class="content">
<div class="converter-container">
<div class="currency-box">
<label for="amount">Amount</label>
<input type="number" id="amount" placeholder="Enter amount">
</div>
<div class="currency-group">
<label for="from">From</label>
<select id="from">
<option value="USD">USD</option>
<option value="EUR">EUR</option>
</select>
</div>
<div class="currency-group">
<label for="to">To</label>
<select id="to">
<option value="EUR">EUR</option>
<option value="USD">USD</option>
</select>
</div>
<button id="swap-btn">Swap</button>
<button id="convert-btn">Convert</button>
<div id="result"></div>
</div>
</div>
<!-- How to Use -->
<div class="how-to-use">
<h2>How to Convert</h2>
<div class="steps">
<div class="step">
<h3>Step 1</h3>
<p>Enter the amount you want to convert.</p>
</div>
<div class="step">
<h3>Step 2</h3>
<p>Select your currencies.</p>
</div>
<div class="step">
<h3>Step 3</h3>
<p>Click Convert and get your result.</p>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer">
<div class="footer-content">
<p>About Us | Social Media | Copyright</p>
</div>
</div>
<script src="script.js"></script>
</body>
</html> |