<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <title>NAYEE ASHA</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">
    <link rel="icon" type="image/x-icon" href="./img/logo.png">
    <link rel="apple-touch-icon" sizes="180x180" href="./img/logo.png">
    <meta name="google-site-verification" content="rGHzo6_alFkL61LkizzlT0-Xk3i-kzB6tABF-pu1ksw" />
    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&family=Playfair+Display:wght@400;500;600&display=swap" rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">


    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
</head>

<body>

    <!-- Spinner Start -->
    <!-- <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div> -->
    <!-- Spinner End -->




    <!-- Navbar & Hero Start -->
    <?php include "header.php" ?>
    <!-- Navbar & Hero End -->

    <!-- Header Start -->
    <div class="container-fluid bg-breadcrumb">
        <div class="container text-center py-5" style="max-width: 900px;">
            <h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Donate us</h1>
                <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                    <li class="breadcrumb-item active text-primary">Donate us</li>
                </ol>
        </div>
    </div>
    <!-- Header End -->

    <style>
        .donation-section {
            background-color: #f9f9f9;
            padding: 40px 20px;
        }

        .qr-image {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
        }

        .table thead {
            background-color: #2c257c;
            color: white;
        }

        .table td {
            vertical-align: middle;
        }

        .heading {
            color: #2c257c;
            font-weight: 700;
        }
    </style>



    <!-- About Start -->
    <div class=" about bg-light">

        <div class="container donation-section">
            <div class="row">
                <div class="col-md-7">
                    <h2 class="heading">Your Little Contribution Can Be Helpful</h2>
                    <p class="mt-3">Nayee Asha works at the grassroots level to create sustainable changes. Your small help can make changes to our lack of society. We always welcome your sincere help. If you want to donate to us, check our bank details below. Take action on some of society’s most urgent issues.<br><strong>Contribute Now!</strong></p>

                    <table class="table table-bordered mt-4" style="background-color: #2c257c; color: white;">
                        <tbody>
                            <tr>
                                <th>Bank Name</th>
                                <td>Bank Of Baroda</td>
                            </tr>
                            <tr>
                                <th>Branch Name</th>
                                <td>ARRAH, BIHAR</td>
                            </tr>
                            <tr>
                                <th>Beneficiary Name</th>
                                <td>Nayee Asha</td>
                            </tr>
                            <tr>
                                <th>ACC. No</th>
                                <td>12040100003072</td>
                            </tr>
                            <tr>
                                <th>IFSC Code</th>
                                <td>BARB0ARRAHX</td>
                            </tr>
                            <tr>
                                <th>MICR Code</th>
                                <td>802012102</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <div class="col-md-5 text-center mt-4 mt-md-0">
                    <img src="./img/qr-code.png" alt="GPay QR - Nayee Asha" class="qr-image">
                </div>
            </div>
        </div>



        <!-- Footer Start -->
        <?php include "footer.php" ?>
        <!-- Footer End -->
    </div>



    <!-- Back to Top -->
    <a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>


    <!-- Template Javascript -->
    <script src="js/main.js"></script>

</body>

</html>