        </div>
    </div>
    <br>
    <div class="footer__clip-path bg-dark"></div>
<footer class="footer mt-auto shadow bg-dark">
    <br>
        <div class="container mt-5">
            <div class="row">
                <div class="col-md-4">
                    <img src="<?= opt_get('aWNvbi13ZWI=') ?>" alt="LOGO" style="float:left;height:60px;border-radius:50%; " class="bi me-2 mr-1">
                    <h4 class="text-uppercase text-white" style="margin:0"><b><?= config('web','title_web');?></b><span style="background:#fff;width: 60px;height: 5px;border-radius: 10px;"></span></h4>
                    <div class=" text-white">
                        <p><?= config('web','description');?></p>
                    </div>
                </div>
                <div class="col-md-3 col-12">
                    <h5 class="text-white"><b>Menu</b></h5>
                    <span class="d-block mb-1" style="background:#fff;width: 60px;height: 5px;border-radius: 10px;"></span>
                    <div>
                        <ul class="nav flex-column">
                                                            <li class="nav-item">
                                    <a href="/" class="nav-link text-white active">
                                        <i class="fas fa-angle-right text-yellow"></i>
                                        Home
                                    </a>
                                </li>
                                                            <li class="nav-item">
                                    <a href="/page/pricelist" class="nav-link text-white ">
                                        <i class="fas fa-angle-right text-yellow"></i>
                                        Price List
                                    </a>
                                </li>
                                                            <li class="nav-item">
                                    <a href="/page/contact_us" class="nav-link text-white ">
                                        <i class="fas fa-angle-right text-yellow"></i>
                                        Contact us
                                    </a>
                                </li>
                                                            <li class="nav-item">
                                    <a href="/auth/login" class="nav-link text-white ">
                                        <i class="fas fa-angle-right text-yellow"></i>
                                        Login
                                    </a>
                                </li>
                                                            <li class="nav-item">
                                    <a href="https://codeidn.com" class="nav-link text-white ">
                                        <i class="fas fa-angle-right text-yellow"></i>
                                        Buat Web
                                    </a>
                                </li>
                                                            <li class="nav-item">
                                    <a href="/auth/register" class="nav-link text-white ">
                                        <i class="fas fa-angle-right text-yellow"></i>
                                        Register
                                    </a>
                                </li>
                                                    </ul>
                    </div>
                </div>
            </div>
        </div>
    <div class="container-fluid mt-5">
        <div class="row" id="footer-credit" style="background:#181b1f">
            <div class="col">
                <div class="container mt-2 mb-2 text-center">
                    <small>Copyright © 2025 by <a href="https://codeidn.com" class="text-white">codeidn.com</a> - <a class="text-white" href="<?= base_url('page/terms-and-condition');?>">Terms and conditions </a> - <a class="text-white" href="<?= base_url('page/privacy-policy');?>">Privacy Policy</a></small>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- JavaScript Bundle with Popper -->
    <script src="/assets/js/table.js" type="text/javascript"></script>
    <script src="/assets/js/select.js" type="text/javascript"></script>
    <script src="/assets/js/bootstrap.js" type="text/javascript"></script>
    <script src="/assets/js/promoBox.js" type="text/javascript"></script>
    <script src="/assets/js/datatable/jquery.dataTables.min.js"></script>
    <script src="/assets/js/datatable/datatables.bootstrap4.min.js"></script>
    <script src="/assets/js/datatable/dataTables.responsive.min.js"></script>
    <script src="/assets/js/datatable/responsive.bootstrap4.js"></script>
    <script src="/assets/js/datatable/datatables.checkboxes.min.js"></script>
    <script src="/assets/js/datatable/datatables.buttons.min.js"></script>
    <script src="/assets/js/datatable/jszip.min.js"></script>
    <script src="/assets/js/datatable/pdfmake.min.js"></script>
    <script src="/assets/js/datatable/vfs_fonts.js"></script>
    <script src="/assets/js/datatable/buttons.html5.min.js"></script>
    <script src="/assets/js/datatable/buttons.print.min.js"></script>
    <script src="/assets/js/datatable/dataTables.rowGroup.min.js"></script>
<script>
  gtag('event', 'conversion', {'send_to': 'AW-10931362409/QWQZCNPQ0IYYEOm0vdwo'});
</script>

    <div class="fab-container">
        <div class="fab fab-icon-holder" padding:5px">
            <img src="https://ourastore.com/assets/img/logos/callcenter.png" class="img-fluid" alt="">
        </div>
        <ul class="fab-options">
            <li>
                <a href="https://www.instagram.com/<?= opt_get('aWctYWRtaW4=');?>" class="text-decoration-none" target="_blank">
                    <div class="fab-icon-holder" style="background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);">
                        <i class="fab fa-instagram"></i>
                    </div>
                </a>
            </li>
            <li>
                <a href="https://api.whatsapp.com/send?phone=<?= opt_get('d2EtYWRtaW4=');?>" class="text-decoration-none" target="_blank">
                    <div class="fab-icon-holder" style="background-color: #25D366;">
                        <i class="fab fa-whatsapp"></i>
                    </div>
                </a>
            </li>
        </ul>
        <a href="#" class="act-btn-top text-decoration-none" onclick="toTop();" style="display: block;bottom: 19px;">
            <i class="fas fa-angle-up mt-2"></i>
        </a>
    </div>
<script type="text/javascript">
            $(document).ready(function() {

                $(".search_input").focusout(function() {
                    setTimeout(() => {
                        $(this).parent().dropdown("hide");
                    }, 300);
                    let $parent = $(this).parent(".mini").parent().parent().parent().parent();
                    setTimeout(() => {
                        $parent.find(".form-check").fadeIn(50);
                    }, 300);
                    $parent.parent().parent().find(".navbar-toggler").toggle("slide:left");
                });
                $(".search_input").focusin(function() {
                    let $parent = $(this).parent(".mini").parent().parent().parent().parent();
                    $parent.find(".form-check").fadeOut(50);
                    $parent.parent().parent().find(".navbar-toggler").toggle("slide:left");

                });
                $(".search_input").keyup(function(e) {
                    if (e.keyCode == 13) {
                        $(this).parent().parent().submit();
                    }
                });
            })
        </script>
<script>
        function pwEye(e) {
            var type = $(e).parent().parent().find("input").attr("type");
            if (type == "password") {
                $(e).removeClass("fa-eye-slash");
                $(e).addClass("fa-eye");
                $(e).parent().parent().find("input").attr("type", "text");
            } else if (type == "text") {
                $(e).removeClass("fa-eye");
                $(e).addClass("fa-eye-slash");
                $(e).parent().parent().find("input").attr("type", "password");
            }
        }
    </script>
<script type="text/javascript">
    mybutton = document.querySelector(".act-btn-top");
    window.onscroll = function() {
        scrollFunc()
    };

    function scrollFunc() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            mybutton.style.display = "block";
        } else {
            mybutton.style.display = "none";
        }
    }

    function toTop() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }
</script>
</body>
</html>