<?php $this->load->view('includes/head') ?>
<?php $this->load->view('includes/topbar') ?>
<?php $this->load->view('includes/header') ?>

<main id="main">

    <!-- ======= About Temple Section ======= -->
    <section id="about-temple" class="about-temple" style="background-size: cover; background-position: center;">
        <div class="container py-5" style="padding-top: unset !important;">
            <h2 class="text-center mb-4 bottomborder" style="font-weight: bold; font-size: 35px;">About <?= GetProjectName(); ?></h2>

            <!-- First Row: Image & Text Side by Side -->
            <div class="row align-items-start">
                <!-- Image Section -->
                <div class="col-md-5 text-center mb-4 mb-md-0">
                    <img src="<?= base_url('assets/img/Jai-Sriram.jpg'); ?>" class="img-fluid rounded shadow" alt="About Temple" style="max-height: 400px; object-fit: cover;">
                </div>

                <!-- Text Section Beside Image -->
                <div class="col-md-7">
                    <h3 class="mb-3" style="font-weight: bold; color: #6b0000;text-align: center;">Welcome to <?= GetProjectName(); ?></h3>
                    <p style="font-family: 'Poppins', sans-serif; line-height: 1.8; font-size: 14px;text-align: justify;">
                        <strong><?= GetProjectName(); ?></strong> has been established and traditionally headed by Sri Lalithaananda Naatha (Sri Sashibhushan Mocherla) under the discipleship of Sri Sri Sri Siddheshwarananda Bharathi Maha Swamiji and Sri Mathaji Ramyananda Bharathi Swamini. This peetham was inaugurated by Sri Sri Sri Siddheshwarananda Bharathi Maha Swamiji during his visit to USA in April 2023.
                    </p>
                    <!-- <p style="font-family: 'Poppins', sans-serif; line-height: 1.8; font-size: 14px;">
                        Chatwala is envisioned to be a center of excellence for women empowerment and the focus here is to preserve and propagate Sanatana Dharma. Sanatana Dharma is the only one where women are worshipped as goddesses and hence women are placed on a high pedestal. They are worshipped as girls (Bala puja), as kanyas (Kanya puja), as gruhalaxmis (Suvasini Puja) and so on.
                    </p> -->
                </div>
            </div>

            <!-- Second Row: Text Below Image Aligned Left -->
            <div class="row mt-4">
                <div class="col-md-12">
					 <p style="font-family: 'Poppins', sans-serif; line-height: 1.8; font-size: 14px;text-align: justify;">
                        Chatwala is envisioned to be a center of excellence for women empowerment and the focus here is to preserve and propagate Sanatana Dharma. Sanatana Dharma is the only one where women are worshipped as goddesses and hence women are placed on a high pedestal. They are worshipped as girls (Bala puja), as kanyas (Kanya puja), as gruhalaxmis (Suvasini Puja) and so on.
                    </p>
                    <p style="font-family: 'Poppins', sans-serif; line-height: 1.8; font-size: 14px;text-align: justify;">
                        Our Vedic scriptures and hymns glorify the dignity of women, “yatra naryastu pujyante ramante tatra devata,” which means, “Where women are honoured, there the deities are pleased.” The focus at Chatwala is therefore to involve women in dharmic activities by showcasing their importance.
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- End About Temple Section -->

</main><!-- End #main -->

<script type="text/javascript">
    $(document).ready(function() {
        window.scrollTo({
            top: 225,
            behavior: 'smooth'
        });
    });
</script>

<style>
    /* About Temple Section Styling */
    #about-temple {
        /* background: linear-gradient(to right, #fdfcfb, #e2d1c3); */
        padding: 60px 0;
    }

    #about-temple .bottomborder {
        /* border-bottom: 3px solid #6b0000; */
        /* display: inline-block; */
        padding-bottom: 40px;
    }

    #about-temple h2 {
        font-family: 'Poppins', sans-serif;
        font-weight: bold;
        color: #6b0000;
    }

    #about-temple img {
        border-radius: 10px;
        max-width: 100%;
        height: auto;
    }

    #about-temple p {
        font-size: 14px;
        line-height: 1.8;
        color: #555;
        font-family: 'Poppins', sans-serif;
    }

    @media (max-width: 768px) {
        #about-temple .row {
            text-align: center;
        }

        #about-temple img {
            margin-bottom: 20px;
            max-height: 300px;
        }

        #about-temple p {
            margin-top: 10px;
        }
    }
</style>

<?php $this->load->view('includes/footer') ?>
<?php $this->load->view('includes/script') ?>
