donate-now.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Donate Now</title>
    <link rel="stylesheet" href="updated_style.css"> <!-- Link to your CSS -->
</head>
<body class="donation-page">
    <section class="donation-form-section">
        <h1>Donate Now</h1>
        <p>
            Your contribution helps AquaPure Solutions bring clean water to communities in need. Enter your details below:
        </p>
        <form action="#" method="POST" class="donation-form">
            <label for="amount">Donation Amount:</label>
            <input type="number" id="amount" name="amount" placeholder="Enter amount in USD" required>

            <label for="name">Name on Card:</label>
            <input type="text" id="name" name="name" placeholder="Full Name" required>

            <label for="card-number">Card Number:</label>
            <input type="text" id="card-number" name="card-number" placeholder="XXXX-XXXX-XXXX-XXXX" required>

            <label for="expiry">Expiry Date:</label>
            <input type="text" id="expiry" name="expiry" placeholder="MM/YY" required>

            <label for="cvv">CVV:</label>
            <input type="text" id="cvv" name="cvv" placeholder="XXX" required>

            <button type="submit" class="submit-button">Donate</button>
        </form>
        <a href="index.html" class="back-button">Back to Home</a>
    </section>
</body>
</html> 