<div class="content">
    <section class="banner-2" id="pageHeaderBanner">
        <div class="container text-center banner-content ">
            <h1 class="text-uppercase common-page-heading page-title-2"><?php echo $current_section ?></h1>
        </div>
    </section>
    <?php if (trim($content)): ?>
        <section class="section-content-half">
            <div class="container">
                <div class="half-page-design">
                    <?php echo $content ?>
                </div>
            </div>
        </section>
    <?php endif; ?>
    <section id="gallery" class="common-page-bg-no">
        <div class="container">
            <div class="row">
                <div class="col c12 feature-menus">
                    <?php if (!empty($images)): ?>
                        <?php foreach ($images as $item): ?>
                            <div class="col c3">
                                <div class="block">
                                    <div class="block-inner">
                                        <div class="block-image"><a class="group" href="<?php echo EPOS_UPLOAD_PATH . 'gallery/' . $item->image ?>"><img src="<?php echo EPOS_UPLOAD_PATH . 'gallery/' . $item->image ?>"/></a></div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </section>
</div>
<script>
    $(document).ready(function () {
        $(".group").colorbox({rel: 'group', transition: "none", maxWidth: '95%', maxHeight: '95%'});
    });
</script>