<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<section class="clean-block services">
    <div class="container">
        <div class="block-heading">
            <h1 class="text-info">服務範疇</h1>
        </div>
        <div class="row">
            <div class="col-lg-3 col-6 cardConainerCategory">
                <div class="card text-center clean-card">
                    <img class="img-fluid card-img-top d-block mx-auto" src="<?= base_url('assets/front/images/web/service_category_purple.png'); ?>" />

                </div>
            </div>
            <div class="col-lg-3 col-6 cardConainerCategory">
                <div class="card text-center clean-card">
                    <img class="img-fluid card-img-top d-block mx-auto" src="<?= base_url('assets/front/images/web/service_category_yellow.png'); ?>">

                </div>
            </div>
            <div class="col-lg-3 col-6 cardConainerCategory">
                <div class="card text-center clean-card">
                    <img class="img-fluid card-img-top d-block mx-auto" src="<?= base_url('assets/front/images/web/service_category_green.png'); ?>">

                </div>
            </div>
            <div class="col-lg-3 col-6 cardConainerCategory">
                <div class="card text-center clean-card">
                    <img class="img-fluid card-img-top d-block mx-auto" src="<?= base_url('assets/front/images/web/service_category_blue.png'); ?>">

                </div>
            </div>
            <div class="col-lg-3 col-6 cardConainerCategory">
                <div class="card text-center clean-card">
                    <img class="img-fluid card-img-top d-block mx-auto" src="<?= base_url('assets/front/images/web/service_category_red.png'); ?>">

                </div>
            </div>
            <div class="col-lg-3 col-6 cardConainerCategory">
                <div class="card text-center clean-card">
                    <img class="img-fluid card-img-top d-block mx-auto" src="<?= base_url('assets/front/images/web/service_category_info_color.png'); ?>">

                </div>
            </div>
            <div class="col-lg-3 col-6 cardConainerCategory">
                <div class="card text-center clean-card">
                    <img class="img-fluid card-img-top d-block mx-auto" src="<?= base_url('assets/front/images/web/service_category_orange.png'); ?>">

                </div>
            </div>

        </div>
    </div>

</section>

<section class="clean-block rate-inquiry" style="">
    <img class="img-fluid" alt="查詢價格" src="<?= base_url('assets/front/images/web/a_lot_of_paper.png') ?>">
</section>

<section class="clean-block about-us">
    <div class="row">
        <div class="col-lg-6 col-xl-4 featured-photo">
            <img class="img-fluid" src="<?=base_url('assets/front/images/web/papers_and_hand.png');?>" />
        </div>
        <div class="col-lg-6 col-xl-8">
            <div class="block-heading">
                <h1 class="text-info">關於桌智數碼印刷</h1>
                <p class="">我們是一間擁有多年數碼印刷經驗的公司，提供多元化數碼印刷產品，由平面設計至印刷一條龍服務，迎合您的需求，提供客戶更完整、更高品質的服務。</p>
                <h2 class="section-text-info">提供更高質素的數碼印刷</h2>
                <p class="">隨著科技及網絡資訊高速發展，數碼印刷機質素不斷提升，比美傳統柯式印刷，顧客對質素、速度及價格上的要求不斷提高，特別是一些時間急切，印量少，款數多，經常需要改變內容的印刷品需求增加，數碼印刷因而應運而生。
                    提供更高質素的數碼印刷服務</p>
            </div>
        </div>
    </div>
</section>


<!-- <section class="clean-block contact-us">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 left-side">
                <div class="bg-white h-100">
                    <div class="block-heading">
                        <h2 class="text-info"><?= _l('front.index.brand.company_objectives'); ?></h2>
                    </div>
                    <div class="contact-us-aim">
                        <ul>
                            <li><?= _l('front.index.brand.company_objectives.1'); ?></li>
                            <li><?= _l('front.index.brand.company_objectives.2'); ?></li>
                            <li><?= _l('front.index.brand.company_objectives.3'); ?></li>
                            <li><?= _l('front.index.brand.company_objectives.4'); ?></li>
                            <li><?= _l('front.index.brand.company_objectives.5'); ?></li>
                            <li><?= _l('front.index.brand.company_objectives.6'); ?></li>
                            <li><?= _l('front.index.brand.company_objectives.7'); ?></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-6 right-side">
                <div class="bg-white h-100">
                    <div class="block-heading">
                        <h2 class="text-info"><?= _l('front.index.brand.office'); ?></h2>
                    </div>
                    <p class="text-center"><span class=""><?= _l('front.index.brand.address'); ?></span><span class=""><?= _l('front.company_address'); ?></span></p>
                    <div class="map-block">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3688.790865036388!2d114.19051401495638!3d22.399240185272223!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x34040634bc2cb6d3%3A0xa3fcc327c0767c7c!2z54Gr54Kt5Z2z6IOM54Gj6KGXNTfomZ_liKnpgZTlt6Xmpa3kuK3lv4M!5e0!3m2!1szh-TW!2shk!4v1618827220421!5m2!1szh-TW!2shk" width="100%" height="250em" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> -->