<!--
    * Kantor Urusan Agama WAY BUNGUR
    * Copyright 2025 Budi Hardani $ Erik
    * Contact : 082176064252 (Budi Hardani)
   -->































<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <?= $this->renderSection('title') ?>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
        content="kantor Urusan Agama,Kua,Kecamatan Way Bungur,Kantor Urusan Agama Kecamatan Way Bungur,Lampung,Lampung Timur"
        name="keywords" />
    <meta content="Website Resmi Kantor Urusan Agama Kecamatan Way Bungur" name="description" />

    <meta name="distribution" content="global">
    <meta name="revisit-after" content="1 days">
    <meta name="robots" content="index,follow">
    <meta name="googlebot" content="index,follow">
    <meta name="msnbot" content="index,follow">

    <meta name="google-site-verification" content="U_5aKj1_K2-bNu2S3AAEXCyJkC_45EicmxIOim0dVRk" />
    <link rel="shortcut icon" type="image/x-icon" href="<?= base_url() ?>assets_user/img/icon.png" />

    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/bootstrap.min.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/owl.carousel.min.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/ticker-style.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/flaticon.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/slicknav.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/animate.min.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/magnific-popup.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/fontawesome-all.min.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/themify-icons.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/slick.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/nice-select.css" />
    <link rel="stylesheet" href="<?= base_url() ?>assets_user/css/style.css" />
    <?= $this->renderSection('css') ?>
</head>

<body>
    <!-- Preloader Start -->
    <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="preloader-circle"></div>
                <div class="preloader-img pere-text">
                    <img src="<?= base_url() ?>assets_user/img/logo/logo.png" alt="" />
                </div>
            </div>
        </div>
    </div>
    <!-- Preloader Start -->
    <header>
        <!-- Header Start -->
        <div class="header-area">
            <div class="main-header">
                <div class="header-mid gray-bg">
                    <div class="container">
                        <div class="row d-flex align-items-center">
                            <!-- Logo -->
                            <div class="col-xl-12 col-lg-12 col-md-12 d-none d-md-block">
                                <div class="logo text-center">
                                    <a href="<?= base_url('/') ?>"><img
                                            src="<?= base_url() ?>assets_user/img/logo/logo.png" height="70" width="80"
                                            alt="" />
                                        <h1
                                            style="color:#52e95f;text-shadow: 1px 1px 1px #000000;text-transform: uppercase;font-weight: bold;">
                                            KANTOR URUSAN AGAMA</h1>
                                        <h1
                                            style="color:#52e95f;text-shadow: 1px 1px 1px #000000;text-transform: uppercase;font-weight: bold;">
                                            KECAMATAN WAY BUNGUR</h1>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-bottom header-sticky">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-xl-10 col-lg-10 col-md-12 header-flex">
                                <!-- sticky -->
                                <div class="sticky-logo">
                                    <a href="<?= base_url('/') ?>"><img
                                            src="<?= base_url() ?>assets_user/img/logo/logo.png" width="50" height="50"
                                            alt="" /></a>
                                </div>
                                <!-- Main-menu -->
                                <div class="main-menu d-none d-md-block">
                                    <nav>
                                        <ul id="navigation">
                                            <li><a href="<?= base_url('home') ?>">Home</a></li>
                                            <li><a href="<?= base_url('about') ?>">Tentang kami</a></li>
                                            <li><a href="<?= base_url('news') ?>">Berita</a></li>
                                            <li><a href="<?= base_url('schedule') ?>">Agenda</a></li>
                                            <li><a href="<?= base_url('galeri') ?>">Galeri</a></li>
                                            <li><a href="<?= base_url('contact') ?>">Kontak</a></li>
                                            <li><a href="<?= base_url('login') ?>">login</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-xl-2 col-lg-2 col-md-2">
                                <div class="header-right f-right d-none d-lg-block">
                                    <!-- Search Nav -->
                                    <div class="nav-search search-switch">
                                        <i class="fa fa-search"></i>
                                    </div>
                                </div>
                            </div>
                            <!-- Mobile Menu -->
                            <div class="col-12">
                                <div class="mobile_menu d-block d-md-none"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Header End -->
    </header>

    <main>
        <?= $this->renderSection('content') ?>

    </main>
    <footer>
        <!-- Footer Start-->
        <div class="footer-main footer-bg">
            <div class="footer-area footer-padding">
                <div class="container">
                    <div class="row d-flex justify-content-center">
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
                            <div class="single-footer-caption mb-50">
                                <div class="single-footer-caption mb-30">
                                    <!-- logo -->
                                    <div class="footer-logo">
                                        <h2>
                                            <b class="text-black">Hubungi Kami</b>
                                        </h2>
                                    </div>
                                    <div class="footer-tittle">
                                        <div class="footer-pera">

                                            <p class="info1">
                                                Untuk informasi lebih lanjut silahkan hubungi kami :
                                            </p>
                                            <p class="info2">
                                            <div class="d-flex align-items-center mb-3">
                                                <div class="d-flex align-items-center justify-content-center mr-2"
                                                    style="width: 40px; height: 40px;background-color: #52e95f;border-radius: 20%;">
                                                    <i class="fa fa-map-marker-alt text-white"></i>
                                                </div>
                                                <div class="d-flex align-items-center">
                                                    <p class="mb-0 info2">
                                                        <?= $kontakData->alamat ?>
                                                    </p>
                                                </div>
                                            </div>
                                            </p>
                                            <a href="tel:<?= $kontakData->telpon ?>">
                                                <p class="info2">

                                                    <div class="d-flex align-items-center mb-3">
                                                        <div class="d-flex align-items-center justify-content-center mr-2"
                                                            style="width: 40px; height: 40px;background-color: #52e95f;border-radius: 20%;">
                                                            <i class="fa fa-phone text-white"></i>
                                                        </div>
                                                        <div class="d-flex align-items-center">
                                                            <p class="mb-0 info2">
                                                                <?= $kontakData->telpon ?>
                                                            </p>
                                                        </div>
                                                    </div>

                                                </p>
                                            </a>
                                            <p class="info2">
                                            <div class="d-flex align-items-center mb-3">
                                                <div class="d-flex align-items-center justify-content-center mr-2"
                                                    style="width: 40px; height: 40px;background-color: #52e95f;border-radius: 20%;">
                                                    <i class="fa fa-envelope text-white"></i>
                                                </div>
                                                <div class="d-flex align-items-center">
                                                    <p class="mb-0 info2">
                                                        <?= $kontakData->email ?>
                                                    </p>
                                                </div>
                                            </div>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
                            <div class="single-footer-caption mb-50">
                                <div class="single-footer-caption mb-30">
                                    <!-- logo -->
                                    <div class="footer-logo">
                                        <h2>
                                            <b class="text-black">Temukan Kantor Kami</b>
                                        </h2>
                                    </div>
                                    <div class="footer-tittle">
                                        <div class="footer-pera">
                                            <iframe
                                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13105.704712272167!2d105.5139532319327!3d-4.907818941910275!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e409db7c2c94e11%3A0x308fc80b69a3e30e!2sKUA%20Way%20Bungur!5e1!3m2!1sid!2sid!4v1737788717144!5m2!1sid!2sid"
                                                height="300" width="100%" style="border: 0" allowfullscreen=""
                                                loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer-bottom aera -->
            <div class="footer-bottom-area footer-bg">
                <div class="container">
                    <div class="footer-border">
                        <div class="row d-flex align-items-center">
                            <div class="col-xl-12">
                                <div class="footer-copy-right text-center">
                                    <p style=" color: #000000;">
                                        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                                        Copyright &copy; <?= date('Y') ?> <a style=" color: #000000;"
                                            href="<?= base_url('/') ?>">
                                            KANTOR URUSAN AGAMA WAY BUNGUR
                                        </a>
                                        <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer End-->
    </footer>
    <!-- Search model Begin -->
    <div class=" search-model-box">
        <div class="d-flex align-items-center h-100 justify-content-center">
            <div class="search-close-btn">+</div>
            <form action="<?= base_url('search') ?>" method="get" class="search-model-form">
                <input type="text" name="keyword" id="search-input" placeholder="Searching key....." />
            </form>
        </div>
    </div>

    <!-- Search model end -->

    <!-- JS here -->

    <script src="<?= base_url() ?>assets_user/js/vendor/modernizr-3.5.0.min.js"></script>
    <!-- Jquery, Popper, Bootstrap -->
    <script src="<?= base_url() ?>assets_user/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="<?= base_url() ?>assets_user/js/popper.min.js"></script>
    <script src="<?= base_url() ?>assets_user/js/bootstrap.min.js"></script>
    <!-- Jquery Mobile Menu -->
    <script src="<?= base_url() ?>assets_user/js/jquery.slicknav.min.js"></script>

    <!-- Jquery Slick , Owl-Carousel Plugins -->
    <script src="<?= base_url() ?>assets_user/js/owl.carousel.min.js"></script>
    <script src="<?= base_url() ?>assets_user/js/slick.min.js"></script>
    <!-- Date Picker -->
    <script src="<?= base_url() ?>assets_user/js/gijgo.min.js"></script>
    <!-- One Page, Animated-HeadLin -->
    <script src="<?= base_url() ?>assets_user/js/wow.min.js"></script>
    <script src="<?= base_url() ?>assets_user/js/animated.headline.js"></script>
    <script src="<?= base_url() ?>assets_user/js/jquery.magnific-popup.js"></script>

    <!-- Scrollup, nice-select, sticky -->
    <script src="<?= base_url() ?>assets_user/js/jquery.scrollUp.min.js"></script>
    <script src="<?= base_url() ?>assets_user/js/jquery.nice-select.min.js"></script>
    <script src="<?= base_url() ?>assets_user/js/jquery.sticky.js"></script>

    <!-- contact js -->
    <script src="<?= base_url() ?>assets_user/js/contact.js"></script>
    <script src="<?= base_url() ?>assets_user/js/jquery.form.js"></script>
    <script src="<?= base_url() ?>assets_user/js/jquery.validate.min.js"></script>
    <script src="<?= base_url() ?>assets_user/js/mail-script.js"></script>
    <script src="<?= base_url() ?>assets_user/js/jquery.ajaxchimp.min.js"></script>

    <!-- Jquery Plugins, main Jquery -->
    <script src="<?= base_url() ?>assets_user/js/plugins.js"></script>
    <script src="<?= base_url() ?>assets_user/js/main.js"></script>
    <?= $this->renderSection('js') ?>
</body>

</html>