You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

172 lines
8.8 KiB

2 years ago
  1. @{ ViewData["Title"] = "Home Page"; }
  2. <style>
  3. .feature-box-3 h4 {
  4. font-weight: 900;
  5. }
  6. </style>
  7. <!--大圖輪播開始-->
  8. <div class="rev_slider_wrapper fs-slider-wrap bg-arrows">
  9. <div id="rev_slider" class="rev_slider fullscreenbanner">
  10. <ul>
  11. <!-- 主視覺輪播圖 1 -->
  12. <li data-delay="5000" data-transition="slidingoverlayleft" data-slotamount="7" data-masterspeed="2500" data-fsmasterspeed="1000">
  13. <!-- Main image-->
  14. <img src="/img/Home/Index/master-vision01.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">
  15. <!--主標-->
  16. <div class="slide-title tp-caption tp-resizeme text-center"
  17. data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
  18. data-y="['middle','middle','middle','middle']" data-voffset="[-120','-120', '-120', '-120']"
  19. data-fontsize="['80', '80', '65', '80']"
  20. data-fontweight="700"
  21. data-lineheight="['30']"
  22. data-width="['1200','1000','550']"
  23. data-height="none"
  24. data-color="#bc1b21"
  25. data-whitespace="normal"
  26. data-transform_idle="o:1;"
  27. 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;"
  28. data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
  29. data-mask_in="x:50px;y:0px;s:inherit;e:inherit;"
  30. data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
  31. 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"}]'
  32. data-start="500"
  33. data-responsive_offset="on"
  34. data-elementdelay="0.05">
  35. 用程式,改變城市
  36. </div>
  37. <!-- 副標 -->
  38. <div class="slide-subtitle tp-caption tp-resizeme text-center"
  39. data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
  40. data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-30','0']"
  41. data-fontsize="['40','40', '40', '40']"
  42. data-fontweight="700"
  43. data-lineheight="['60','60', '70', '135']"
  44. data-width="['1200','991','650']"
  45. data-whitespace="nowrap"
  46. data-transform_idle="o:1;"
  47. 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;"
  48. data-transform_out="opacity:0;s:1000;s:1000;"
  49. data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
  50. data-start="1500"
  51. data-color="#fff"
  52. data-splitin="none"
  53. data-splitout="none">
  54. 以熱誠驅動 產業智能化、軟體客製、 數位行銷<br />規劃的科技顧問公司。
  55. </div>
  56. </li>
  57. </ul>
  58. </div>
  59. </div>
  60. <!--大圖輪播結束-->
  61. <!--公司特點開始-->
  62. <!--Features Section START-->
  63. <div class="section-block">
  64. <div class="container">
  65. <div class="section-heading text-center">
  66. <span style="font-size: 20px;font-weight:700;">我 們 的 服 務</span>
  67. <h3>融合創新思維的客製化IT解決方案</h3>
  68. <div class="section-heading-line"></div>
  69. </div>
  70. <div class="row mt-40">
  71. <div class="col-md-3 col-sm-3 col-12">
  72. <div class="feature-box-3">
  73. <i><img src="/img/Home/Index/project_software.png" width="64" /></i>
  74. <h4 style="font-weight:900;">客製化軟體設計與開發</h4>
  75. <p class="text-left">我們擁有多年的軟體開發經驗與厚實的設計基礎,透過專業的軟體設計,達成客戶計劃的商業目標,強化企業的競爭優勢。</p>
  76. </div>
  77. </div>
  78. <div class="col-md-3 col-sm-3 col-12">
  79. <div class="feature-box-3">
  80. <i><img src="/img/Home/Index/artificial_intelligence.png" width="64" /></i>
  81. <h4>人工智慧與機器學習</h4>
  82. <p class="text-left">挖掘企業應用人工智慧的機會,提供客製化的人工智慧應用與機器學習服務。</p>
  83. </div>
  84. </div>
  85. <div class="col-md-3 col-sm-3 col-12">
  86. <div class="feature-box-3">
  87. <i><img src="/img/Home/Index/engineer_dispatch.png" width="64" /></i>
  88. <h4>資訊工程師人力委外服務</h4>
  89. <p class="text-left">因應客戶的專案類型提供所需的資訊人力及技術,使您的企業能有效的利用外部資源、減少內部招募成本,專注於核心競爭力業務。</p>
  90. </div>
  91. </div>
  92. <div class="col-md-3 col-sm-3 col-12">
  93. <div class="feature-box-3">
  94. <i><img src="/img/Home/Index/big_data_analytics.png" width="64" /></i>
  95. <h4>大數據與分析</h4>
  96. <p class="text-left">蒐集巨量數據並分析出有價值的洞見,協助企業更精準判斷最適的商業決策。</p>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!--Features Section END-->
  103. <!--公司特點結束-->
  104. <!-- Background Section 01 START -->
  105. <div class="section-block-bg" style="border-bottom: 10px solid #252529;background-image: url('/img/Home/Index/minor-vision01.jpg')">
  106. <div class="container">
  107. <div class="row">
  108. <div class="col-md-6">
  109. <div class="section-heading">
  110. <span style=" color: #FFF;font-size: 25px;font-weight: 100;">
  111. 選擇對工具,打造高效能團隊
  112. </span>
  113. <h3>
  114. <strong style="line-height: 60px;font-size: 70px;font-weight: 900;color: #FFF;">專案管理系統</strong>
  115. </h3>
  116. <div class="section-heading-line-left" style="width: 280px;"></div>
  117. </div>
  118. <div class="mt-20">
  119. <a href="#contact" class="dark-button button-md" style=" color: #FFF;font-size: 18px;font-weight: 700;">瞭 解 詳 情</a>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <!-- Background Section 01 END -->
  126. <!-- Background Section 02 START -->
  127. <div class="section-block-bg" style="border-bottom: 10px solid #252529; background-image: url('/img/Home/Index/minor-vision02.jpg')">
  128. <div class="container">
  129. <div class="row">
  130. <div class="col-md-6 offset-md-6">
  131. <div class="section-heading">
  132. <span style=" color: #FFF;font-size: 25px;font-weight: 100;">
  133. 省下一頓大餐的時間!
  134. </span>
  135. <h3>
  136. <strong style="line-height: 60px;font-size: 60px;font-weight: 900;color: #FFF;">重複做的事,<br>RPA智動幫你做!</strong>
  137. </h3>
  138. <div class="section-heading-line-left" style="width: 250px"></div>
  139. </div>
  140. <div class="mt-20">
  141. <a href="#contact" class="dark-button button-md" style=" color: #FFF;font-size: 18px;font-weight: 700;">瞭 解 詳 情</a>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <!-- Background Section 02 END -->
  148. <!-- Background Section 03 START -->
  149. <div class="section-block-bg" style="border-bottom: 10px solid #252529; background-image: url('/img/Home/Index/minor-vision03.jpg')">
  150. <div class="container">
  151. <div class="row">
  152. <div class="col-md-6">
  153. <div class="section-heading">
  154. <span style=" color: #FFF;font-size: 25px;font-weight: 100;">|疫|情|時|代|</span>
  155. <h3>
  156. <strong style="line-height: 60px;font-size: 60px;font-weight: 900;color: #FFF;">快速打造,<br> 雲端辦公室!</strong>
  157. </h3>
  158. <div class="section-heading-line-left" style="width: 240px"></div>
  159. </div>
  160. <div class="mt-20">
  161. <a href="#contact" class="dark-button button-md" style=" color: #FFF;font-size: 18px;font-weight: 700;">瞭 解 詳 情</a>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. </div>