<section id="service">
    <div class="v-gap-20"></div>
    <div class="container">
        <h1 class="text-center page-title">Services </h1>
        <div class="row">
           <!--<div class="col c4">
            <a href="<?php echo site_url('reservation') ?>">
                 <div class="block">
                     <div class="block-inner text-center">
                         <div class="block-image"><span><img style="height: 80px;width: 80px;margin-bottom: -20px;padding: 5px;" src="<?php echo ONLINE_RESOURCES_PATH . 'images/reservation-icon-image.png'; ?>"></span></div>
                         <div class="item-title text-capitalize" style="font-size:30px; color:#fff">Book a Table</div>
                         <div class="item-description"></div>
                     </div>
                 </div> </a>
             </div>-->
              <?php if ($hasDelivery || $this->session->userdata('onlineOrderType') == 'delivery'): ?>
            <div class="col c6" onclick="setDeliveryFromHome()" style="cursor: default">
                <div class="block">
                    <div class="block-inner text-center">
                        <div class="block-image"><span><img style="height: 80px;width: 80px;margin-bottom: -20px;padding: 5px;" src="<?php echo ONLINE_RESOURCES_PATH . 'images/delivery-icon-image.png'; ?>"></span></div>
                        <div class="item-title text-capitalize" style="font-size:30px;color:#fff"> Delivery</div>
                        <div class="item-description"></div>
                    </div>
                </div>
            </div>
            <?php endif;?>
            <?php if ($hasCollection || $this->session->userdata('onlineOrderType') == 'collection'): ?>
            <div class="col c6" onclick="setCollectionFromHome()" style="cursor: default">
                <div class="block">
                    <div class="block-inner text-center">
                       <div class="block-image"><span><img style="height: 80px;width: 80px;margin-bottom: -20px;padding: 5px;" src="<?php echo ONLINE_RESOURCES_PATH . 'images/collection_icon_image.jpg'; ?>"></span></div>
                        <div class="item-title text-capitalize" style="font-size:30px;color:#fff">Collection</div>
                        <div class="item-description"></div>
                    </div>
                </div>
            </div>
            <?php endif;?>
            <!-- <div class="col c2">
                 <div class="block">
                     <div class="block-inner text-center">
                         <div class="block-image"><span class="icon icon-graduation-cap"></span></div>
                         <div class="item-title text-capitalize">Event Party</div>
                         <div class="item-description">Lorem ipsum dolor sit amet, consectetureds adipisicinges elit sed do eiusmod tempor in subascidi dunt ut labore et dolore mag na ut labore aliqua.</div>
                     </div>
                 </div>
             </div>
             <div class="col c2">
                 <div class="block">
                     <div class="block-inner text-center">
                         <div class="block-image"><span class="icon icon-hourglass"></span></div>
                         <div class="item-title text-capitalize">Birth day party</div>
                         <div class="item-description">Lorem ipsum dolor sit amet, consectetureds adipisicinges elit sed do eiusmod tempor in subascidi dunt ut labore et dolore mag na ut labore aliqua.</div>
                     </div>
                 </div>
             </div>
             <div class="col c2">
                 <div class="block">
                     <div class="block-inner text-center">
                         <div class="block-image"><span class="icon icon-heart"></span></div>
                         <div class="item-title text-capitalize">Wedding party</div>
                         <div class="item-description">Lorem ipsum dolor sit amet, consectetureds adipisicinges elit sed do eiusmod tempor in subascidi dunt ut labore et dolore mag na ut labore aliqua.</div>
                     </div>
                 </div>
             </div>-->
        </div>
        <div class="v-gap-20"></div>
    </div>
    <div class="v-gap-30"></div>
</section>