💱 Currency Converter Tool – Convert USD, PKR, EUR & GBP Instantly| Zee Converter

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Free Online Currency Converter Tool. Convert USD, PKR, EUR, GBP instantly. Get real-time currency exchange values.">
  <meta name="keywords" content="currency converter, online calculator, dollar to pkr, usd to pkr, convert euro, currency exchange tool">
  <meta name="author" content="Zee Converter">

  <!-- OG Tags -->
  <meta property="og:title" content="Online Currency Converter Tool | USD, PKR, EUR, GBP Exchange">
  <meta property="og:description" content="Convert currencies instantly with this free tool. Simple, responsive, and fast currency calculator.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://zeeconverter.blogspot.com/2025/07/currency-converter-tool-body-font.html">
  <meta property="og:image" content="https://via.placeholder.com/800x400.png?text=Currency+Converter+Tool" />

  <title>Online Currency Converter Tool | USD, PKR, EUR, GBP</title>
  <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      background: linear-gradient(to right, #eef2f3, #fff);
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
    }
    .container {
      max-width: 800px;
      padding: 20px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.1);
      margin: 40px 10px;
    }
    h1, h2 {
      color: #2c3e50;
    }
    p {
      color: #444;
      line-height: 1.6;
    }
    .converter {
      margin: 30px 0;
      padding: 20px;
      background: #f9f9f9;
      border-radius: 10px;
    }
    input, select, button {
      width: 100%;
      margin: 10px 0;
      padding: 12px;
      font-size: 16px;
      border-radius: 8px;
      border: 1px solid #ccc;
    }
    button {
      background: #007bff;
      color: white;
      border: none;
      cursor: pointer;
      transition: background 0.3s ease;
    }
    button:hover {
      background: #0056b3;
    }
    #result {
      margin-top: 15px;
      font-weight: bold;
      color: #333;
    }
    details {
      margin: 10px 0;
    }
    hr {
      margin: 30px 0;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>💱 Online Currency Converter Tool</h1>
    <p><strong>Currency Converter Tool</strong> ایک سادہ، تیز اور آسان ٹول ہے جو آپ کو مختلف کرنسیوں جیسے USD, PKR, EUR, اور GBP کے درمیان فوری تبدیلی کرنے میں مدد دیتا ہے۔</p>
    <p>Use this free and responsive <strong>currency exchange calculator</strong> to get fast conversion rates between major currencies. Whether you're converting <strong>Dollar to Rupees</strong>, Euro to USD, or GBP to PKR — it's super easy!</p>

    <div class="converter">
      <input type="number" id="amount" placeholder="Enter amount" />
      <select id="fromCurrency">
        <option value="USD">USD - US Dollar</option>
        <option value="PKR">PKR - Pakistani Rupee</option>
        <option value="EUR">EUR - Euro</option>
        <option value="GBP">GBP - British Pound</option>
      </select>
      <select id="toCurrency">
        <option value="PKR">PKR - Pakistani Rupee</option>
        <option value="USD">USD - US Dollar</option>
        <option value="EUR">EUR - Euro</option>
        <option value="GBP">GBP - British Pound</option>
      </select>
      <button onclick="convertCurrency()">Convert</button>
      <div id="result"></div>
    </div>

    <h2>🔎 Frequently Asked Questions</h2>
    <details>
      <summary><strong>1. How does this currency converter work?</strong></summary>
      <p>It uses static exchange rates to calculate the conversion between selected currencies instantly.</p>
    </details>
    <details>
      <summary><strong>2. Is this tool mobile-friendly?</strong></summary>
      <p>Yes! It works perfectly on smartphones, tablets, and desktops.</p>
    </details>
    <details>
      <summary><strong>3. Are the rates live?</strong></summary>
      <p>Currently, no. These are sample rates. A live version is coming soon!</p>
    </details>

    <hr>
    <p>📌 Bookmark this page for quick conversions. اگر آپ کو یہ ٹول پسند آیا ہو تو براہ کرم اپنے دوستوں کے ساتھ شیئر کریں!</p>

    <hr>
    <p><em>This tool is brought to you by <strong>Zee Converter</strong> — your trusted source for online converter tools.  
    Visit our homepage for more smart utilities!</em></p>
  </div>

  <script>
    const rates = {
      USD: { PKR: 278, EUR: 0.91, GBP: 0.77, USD: 1 },
      PKR: { USD: 0.0036, EUR: 0.0033, GBP: 0.0028, PKR: 1 },
      EUR: { USD: 1.10, PKR: 304, GBP: 0.85, EUR: 1 },
      GBP: { USD: 1.30, PKR: 360, EUR: 1.18, GBP: 1 },
    };

    function convertCurrency() {
      const amount = parseFloat(document.getElementById("amount").value);
      const from = document.getElementById("fromCurrency").value;
      const to = document.getElementById("toCurrency").value;
      const resultDiv = document.getElementById("result");

      if (isNaN(amount)) {
        resultDiv.innerHTML = "Please enter a valid amount.";
        return;
      }

      const rate = rates[from][to];
      const result = amount * rate;
      resultDiv.innerHTML = `${amount} ${from} = <strong>${result.toFixed(2)} ${to}</strong>`;
    }
  </script>
</body>
</html>

Comments

Popular posts from this blog

Convert mm to cm Instantly – Millimeter to Centimeter Calculator Tool