    <?= $this->extend('layout/landing') ?>

    <?= $this->section('title') ?>
    <title>ABOUT &mdash; KUA WAY BUNGUR</title>
    <?= $this->endSection() ?>

    <?= $this->section('css') ?>
    <?= $this->endSection() ?>

    <?= $this->section('content') ?>

    <div style="width: 100%; height: 150px;background-color: #1e1f1e;box-shadow: 2px 2px 3px #000;">
        <div style="padding-top: 40px;padding-bottom: 50px" class="d-flex flex-column align-items-center">
            <div class="d-flex align-items-center justify-content-center">
                <h3 style="font-weight: bold;text-transform: uppercase" class=" text-white">Tentang kami</h3>
            </div>
            <div class="d-flex align-items-center justify-content-center ">
                <a style="hover:none;" href="<?= base_url('/') ?>"><i class="fa fa-home"></i>&nbsp;Home</a>
                &nbsp;<span class="text-white">
                    /
                </span> &nbsp;<span class="text-white">Tentang kami</span>
            </div>
        </div>
    </div>
    <section class="gray-bg">
        <div class=" about-details section-padding30 ">

            <div class="container">
                <div class="row d-flex flex-column align-items-center">

                    <div class=" col-lg-8">

                        <div class="about-details-cap mb-50">
                            <h4>Sejarah</h4>
                            <p><?= $profileData->sejarah ?></p>


                        </div>
                        <div class="about-details-cap mb-50">
                            <h4>Visi - Misi</h4>
                            <p><?= $profileData->visi_misi ?></p>
                        </div>
                        <div class="about-details-cap mb-50">
                            <h4>Struktur Organisasi</h4>
                            <img src="<?= base_url() ?>/foto_profile/<?= $profileData->gambar_organisasi ?>"
                                alt="KUA WAY BUNGUR" class="img-fluid" loading="lazy">
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </section>
    <?= $this->endSection() ?>

    <?= $this->section('js') ?>
    <?= $this->endSection() ?>