@{ ViewData["Title"] = "Home Page"; }

<style>
    .feature-box-3 h4 {
        font-weight: 900;
    }
</style>

<!--大圖輪播開始-->
<div class="rev_slider_wrapper fs-slider-wrap bg-arrows">
    <div id="rev_slider" class="rev_slider fullscreenbanner">
        <ul>
            <!-- 主視覺輪播圖 1 -->
            <li data-delay="5000" data-transition="slidingoverlayleft" data-slotamount="7" data-masterspeed="2500" data-fsmasterspeed="1000">

                <!-- Main image-->
                <img src="/img/Home/Index/master-vision01.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">

                <!--主標-->
                <div class="slide-title tp-caption tp-resizeme text-center"
                     data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                     data-y="['middle','middle','middle','middle']" data-voffset="[-120','-120', '-120', '-120']"
                     data-fontsize="['80', '80', '65', '80']"
                     data-fontweight="700"
                     data-lineheight="['30']"
                     data-width="['1200','1000','550']"
                     data-height="none"
                     data-color="#bc1b21"
                     data-whitespace="normal"
                     data-transform_idle="o:1;"
                     data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power2.easeInOut;"
                     data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                     data-mask_in="x:50px;y:0px;s:inherit;e:inherit;"
                     data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                     data-frames='[{"delay":700,"speed":2500,"frame":"0","from":"y:bottom;rX:-20deg;rY:-20deg;rZ:0deg;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":1000,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                     data-start="500"
                     data-responsive_offset="on"
                     data-elementdelay="0.05">
                    用程式，改變城市
                </div>

                <!-- 副標 -->
                <div class="slide-subtitle tp-caption tp-resizeme text-center"
                     data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-30','0']"
                     data-fontsize="['40','40', '40', '40']"
                     data-fontweight="700"
                     data-lineheight="['60','60', '70', '135']"
                     data-width="['1200','991','650']"
                     data-whitespace="nowrap"
                     data-transform_idle="o:1;"
                     data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1200;e:Power1.easeInOut;"
                     data-transform_out="opacity:0;s:1000;s:1000;"
                     data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                     data-start="1500"
                     data-color="#fff"
                     data-splitin="none"
                     data-splitout="none">
                    以熱誠驅動 產業智能化、軟體客製、 數位行銷<br />規劃的科技顧問公司。
                </div>
            </li>
        </ul>
    </div>
</div>
<!--大圖輪播結束-->
<!--公司特點開始-->
<!--Features Section START-->
<div class="section-block">
    <div class="container">
        <div class="section-heading text-center">
            <span style="font-size: 20px;font-weight:700;">我 們 的 服 務</span>
            <h3>融合創新思維的客製化IT解決方案</h3>
            <div class="section-heading-line"></div>
        </div>
        <div class="row mt-40">
            <div class="col-md-3 col-sm-3 col-12">
                <div class="feature-box-3">
                    <i><img src="/img/Home/Index/project_software.png" width="64" /></i>
                    <h4 style="font-weight:900;">客製化軟體設計與開發</h4>
                    <p class="text-left">我們擁有多年的軟體開發經驗與厚實的設計基礎，透過專業的軟體設計，達成客戶計劃的商業目標，強化企業的競爭優勢。</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-12">
                <div class="feature-box-3">
                    <i><img src="/img/Home/Index/artificial_intelligence.png" width="64" /></i>
                    <h4>人工智慧與機器學習</h4>
                    <p class="text-left">挖掘企業應用人工智慧的機會，提供客製化的人工智慧應用與機器學習服務。</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-12">
                <div class="feature-box-3">
                    <i><img src="/img/Home/Index/engineer_dispatch.png" width="64" /></i>
                    <h4>資訊工程師人力委外服務</h4>
                    <p class="text-left">因應客戶的專案類型提供所需的資訊人力及技術，使您的企業能有效的利用外部資源、減少內部招募成本，專注於核心競爭力業務。</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-12">
                <div class="feature-box-3">
                    <i><img src="/img/Home/Index/big_data_analytics.png" width="64" /></i>
                    <h4>大數據與分析</h4>
                    <p class="text-left">蒐集巨量數據並分析出有價值的洞見，協助企業更精準判斷最適的商業決策。</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Features Section END-->
<!--公司特點結束-->
<!-- Background Section 01 START -->
<div class="section-block-bg" style="border-bottom: 10px solid #252529;background-image: url('/img/Home/Index/minor-vision01.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="section-heading">
                    <span style=" color: #FFF;font-size: 25px;font-weight: 100;">
                        選擇對工具，打造高效能團隊
                    </span>
                    <h3>
                        <strong style="line-height: 60px;font-size: 70px;font-weight: 900;color: #FFF;">專案管理系統</strong>
                    </h3>
                    <div class="section-heading-line-left" style="width: 280px;"></div>
                </div>
                <div class="mt-20">
                    <a href="#contact" class="dark-button button-md" style=" color: #FFF;font-size: 18px;font-weight: 700;">瞭 解 詳 情</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Background Section 01 END -->
<!-- Background Section 02 START -->
<div class="section-block-bg" style="border-bottom: 10px solid #252529; background-image: url('/img/Home/Index/minor-vision02.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-md-6 offset-md-6">
                <div class="section-heading">
                    <span style=" color: #FFF;font-size: 25px;font-weight: 100;">
                        省下一頓大餐的時間！
                    </span>
                    <h3>
                        <strong style="line-height: 60px;font-size: 60px;font-weight: 900;color: #FFF;">重複做的事，<br>RPA智動幫你做！</strong>
                    </h3>
                    <div class="section-heading-line-left" style="width: 250px"></div>
                </div>
                <div class="mt-20">
                    <a href="#contact" class="dark-button button-md" style=" color: #FFF;font-size: 18px;font-weight: 700;">瞭 解 詳 情</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Background Section 02 END -->
<!-- Background Section 03 START -->
<div class="section-block-bg" style="border-bottom: 10px solid #252529; background-image: url('/img/Home/Index/minor-vision03.jpg')">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="section-heading">
                    <span style=" color: #FFF;font-size: 25px;font-weight: 100;">｜疫｜情｜時｜代｜</span>
                    <h3>
                        <strong style="line-height: 60px;font-size: 60px;font-weight: 900;color: #FFF;">快速打造，<br>　雲端辦公室！</strong>
                    </h3>
                    <div class="section-heading-line-left" style="width: 240px"></div>
                </div>
                <div class="mt-20">
                    <a href="#contact" class="dark-button button-md" style=" color: #FFF;font-size: 18px;font-weight: 700;">瞭 解 詳 情</a>
                </div>
            </div>
        </div>
    </div>
</div>