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.

342 lines
14 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="shortcut icon" href="/img/logos/logo-shortcut.png" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <!-- Bootstrap CSS-->
  8. <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
  9. <!-- Font-Awesome -->
  10. <link rel="stylesheet" type="text/css" href="/css/font-awesome.css">
  11. <!-- Icomoon -->
  12. <link rel="stylesheet" type="text/css" href="/css/icomoon.css">
  13. <!-- Slider -->
  14. <link rel="stylesheet" type="text/css" href="/css/swiper.min.css">
  15. <link rel="stylesheet" type="text/css" href="/css/slider.css">
  16. <link rel="stylesheet" type="text/css" href="css/rev-settings.css">
  17. <!-- Animate.css -->
  18. <link rel="stylesheet" href="/css/animate.css">
  19. <!-- Color Switcher -->
  20. <link rel="stylesheet" type="text/css" href="/css/switcher.css">
  21. <!-- Owl Carousel -->
  22. <link rel="stylesheet" href="/css/owl.carousel.css">
  23. <!-- Main Styles -->
  24. <link rel="stylesheet" type="text/css" href="/css/default.css">
  25. <link rel="stylesheet" type="text/css" href="/css/styles.css" id="colors">
  26. <!-- Fonts Google -->
  27. <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  28. <style>
  29. .nav-menu > li > a {
  30. font-size: 18px;
  31. letter-spacing: 1px;
  32. }
  33. .nav-dropdown > li > a {
  34. font-size: 14px;
  35. letter-spacing: 1px;
  36. }
  37. </style>
  38. <style>
  39. @@media (min-width:576px) {
  40. .container {
  41. max-width: 918px ;
  42. }
  43. }
  44. @@media (min-width:768px) {
  45. .container {
  46. max-width: 1142px ;
  47. }
  48. }
  49. @@media (min-width:992px) {
  50. .container {
  51. max-width: 1350px;
  52. }
  53. }
  54. @@media (min-width:1200px) {
  55. .container {
  56. max-width: 1600px ;
  57. }
  58. }
  59. </style>
  60. <title>@ViewData["Title"]</title>
  61. </head>
  62. <body>
  63. <!-- Preloader Start-->
  64. <div id="preloader">
  65. <div class="row loader">
  66. <div class="loader-icon"></div>
  67. </div>
  68. </div>
  69. <!-- Preloader End -->
  70. <!-- Top-Bar START -->
  71. @*<div id="top-bar" class="hidden-sm-down">
  72. <div class="container">
  73. <div class="row">
  74. <div class="col-md-9 col-12">
  75. <div class="top-bar-welcome">
  76. <ul>
  77. <li>Welcome to Professional Consulting Agency</li>
  78. </ul>
  79. </div>
  80. <div class="top-bar-info">
  81. <ul>
  82. <li><i class="fa fa-phone"></i>(+123) 456 7890
  83. <li>
  84. <li><i class="fa fa-envelope"></i>example@gmail.com
  85. <li>
  86. </ul>
  87. </div>
  88. </div>
  89. <div class="col-md-3 col-12">
  90. <ul class="social-icons hidden-md-down">
  91. <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  92. <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  93. <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  94. <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  95. </ul>
  96. </div>
  97. </div>
  98. </div>
  99. </div>*@
  100. <!-- Top-Bar END -->
  101. <!-- Navbar START -->
  102. <header>
  103. <nav id="navigation4" class="container navigation">
  104. <div class="nav-header">
  105. <a class="nav-brand" href="index.html">
  106. <img src="/img/logos/logo.png" class="main-logo" alt="logo" id="main_logo">
  107. </a>
  108. <div class="nav-toggle"></div>
  109. </div>
  110. <div class="nav-menus-wrapper">
  111. <ul class="nav-menu align-to-right">
  112. <li>
  113. <a href="#">產品</a>
  114. <ul class="nav-dropdown">
  115. <li><a href="/Products/Item1">電銷CRM</a></li>
  116. <li><a href="/Products/Item2">倉儲智能管理系統</a></li>
  117. <li><a href="/Products/Item3">軟體業智能管理系統</a></li>
  118. <li><a href="/Products/Item4">Liferay</a></li>
  119. <li><a href="/Products/Item5">DB2SYS</a></li>
  120. <li><a href="/Products/Item6">網頁動態報表外掛</a></li>
  121. <li><a href="/Products/Item7">流程自動化機器人RPA</a></li>
  122. </ul>
  123. </li>
  124. <li>
  125. <a href="#">服務</a>
  126. <ul class="nav-dropdown">
  127. <li><a href="/Services/Item1">系統開發</a></li>
  128. <li><a href="/Services/Item2">ERP整合</a></li>
  129. <li><a href="/Services/Item3">資訊委外服務</a></li>
  130. <li><a href="/Services/Item4">Open Source導入</a></li>
  131. <li><a href="/Services/Item5">社群媒體管理統合</a></li>
  132. </ul>
  133. </li>
  134. <li>
  135. <a href="#">產業應用</a>
  136. <ul class="nav-dropdown">
  137. <li><a href="/Applications/Item1">電子產業(ERP整合)</a></li>
  138. <li><a href="/Applications/Item2">物流、倉儲業</a></li>
  139. <li><a href="/Applications/Item3">資訊業管理系統</a></li>
  140. <li><a href="/Applications/Item4">金流、稅務整合</a></li>
  141. </ul>
  142. </li>
  143. <li>
  144. <a href="#">關於元赫</a>
  145. <ul class="nav-dropdown">
  146. <li><a href="/About/Item1">關於元赫</a></li>
  147. <li><a href="/About/Item2">業務合作</a></li>
  148. <li><a href="/About/Item3">客戶案例</a></li>
  149. <li><a href="/About/Item4">人才招募</a></li>
  150. <li><a href="/About/Item5">聯絡我們</a></li>
  151. </ul>
  152. </li>
  153. </ul>
  154. </div>
  155. </nav>
  156. </header>
  157. <!-- Navbar END -->
  158. @RenderBody()
  159. <!-- Footer START -->
  160. <footer style="background: #252529;">
  161. <div class="container">
  162. <div class="row">
  163. <!-- Column 1 Start -->
  164. <div class="col-md-4 col-sm-12 col-12">
  165. <div class="container">
  166. <div class="mt-10">
  167. <img src="/img/logos/logo-footer.png" alt="logo-footer">
  168. <div class="mt-20">
  169. <p style="letter-spacing:1px;font-size:15px;font-weight: 400">
  170. 電話:(02)2515-3819<br />
  171. 傳真:(02)2515-3815<br />
  172. 地址:10455台北市中山區松江路67號3樓<br />
  173. 信箱:origtek@origtek-mail.com<br />
  174. 統編:28858004
  175. </p>
  176. <!--<div class="footer-social-icons mt-25">
  177. <ul>
  178. <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
  179. <li><a href="#"><i class="fa fa-instagram"></i></a></li>
  180. <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  181. <li><a href="#"><i class="fa fa-skype"></i></a></li>
  182. <li><a href="#"><i class="fa fa-youtube"></i></a></li>
  183. </ul>-->
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <!-- Column 1 End -->
  189. <!-- Column 2 Start -->
  190. <div class="col-md-2 col-sm-6 col-12">
  191. <div class="mt-20">
  192. <h3>產品</h3>
  193. <ul class="footer-list">
  194. <li><a href="#">電銷CRM</a></li>
  195. <li><a href="#">倉儲智能管理系統</a></li>
  196. <li><a href="#">軟體業智能管理系統</a></li>
  197. <li><a href="#">FoxitPDF</a></li>
  198. <li><a href="#">DB2SYS</a></li>
  199. <li><a href="#">網頁動態報表外掛</a></li>
  200. <li><a href="#">流程自動化機器人RPA</a></li>
  201. </ul>
  202. </div>
  203. </div>
  204. <!-- Column 2 End -->
  205. <!-- Column 3 Start -->
  206. <div class="col-md-2 col-sm-6 col-12">
  207. <div class="mt-20">
  208. <h3>服務</h3>
  209. <ul class="footer-list">
  210. <li><a href="#">系統開發</a></li>
  211. <li><a href="#">ERP整合</a></li>
  212. <li><a href="#">資訊委外服務</a></li>
  213. <li><a href="#">Open Source導入</a></li>
  214. <li><a href="#">社群媒體管理統合</a></li>
  215. </ul>
  216. </div>
  217. </div>
  218. <!-- Column 3 End -->
  219. <!-- Column 4 Start -->
  220. <div class="col-md-2 col-sm-6 col-12">
  221. <div class="mt-20">
  222. <h3>產業應用</h3>
  223. <ul class="footer-list">
  224. <li><a href="#">電子產業(ERP整合)</a></li>
  225. <li><a href="#">物流、倉儲業</a></li>
  226. <li><a href="#">資訊業管理系統</a></li>
  227. <li><a href="#">金流、稅務整合</a></li>
  228. </ul>
  229. </div>
  230. </div>
  231. <!-- Column 4 End -->
  232. <!-- Column 5 Start -->
  233. <div class="col-md-2 col-sm-6 col-12">
  234. <div class="mt-20">
  235. <h3>關於元赫</h3>
  236. <ul class="footer-list">
  237. <li><a href="#">關於元赫</a></li>
  238. <li><a href="#">業務合作</a></li>
  239. <li><a href="#">客戶案例</a></li>
  240. <li><a href="#">人才招募</a></li>
  241. <li><a href="#">聯絡我們</a></li>
  242. </ul>
  243. </div>
  244. </div>
  245. <!-- Column 5 End -->
  246. </div>
  247. <!-- Footer Bar Start -->
  248. <div class="footer-bar">
  249. <p><span class="primary-color">Copyright © 2021元赫科技</span> Origtek Business Co.,LTD 保留一切權利。</p>
  250. </div>
  251. <!-- Footer Bar End -->
  252. </div>
  253. </footer>
  254. <!-- Footer END -->
  255. <!-- Scroll to top button Start -->
  256. <a href="#" class="scroll-to-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
  257. <!-- Scroll to top button End -->
  258. <!-- Jquery -->
  259. <script src="/js/jquery.min.js"></script>
  260. <!--Popper JS-->
  261. <script src="/js/popper.min.js"></script>
  262. <!-- Bootstrap JS-->
  263. <script src="/js/bootstrap.min.js"></script>
  264. <!-- Owl Carousel-->
  265. <script src="/js/owl.carousel.js"></script>
  266. <!-- Navbar JS -->
  267. <script src="/js/navigation.js"></script>
  268. <script src="/js/navigation.fixed.js"></script>
  269. <!-- Wow JS -->
  270. <script src="/js/wow.min.js"></script>
  271. <!-- Countup -->
  272. <script src="/js/jquery.counterup.min.js"></script>
  273. <script src="/js/waypoints.min.js"></script>
  274. <!-- Tabs -->
  275. <script src="/js/tabs.min.js"></script>
  276. <!-- Yotube Video Player -->
  277. <script src="/js/jquery.mb.YTPlayer.min.js"></script>
  278. <!-- Swiper Slider -->
  279. <script src="/js/swiper.min.js"></script>
  280. <!-- Isotop -->
  281. <script src="/js/isotope.pkgd.min.js"></script>
  282. <!-- Switcher JS -->
  283. <script src="/js/switcher.js"></script>
  284. <!-- Modernizr -->
  285. <script src="/js/modernizr.js"></script>
  286. <!-- Google Map -->
  287. <script src="/js/map.js"></script>
  288. <!-- Revolution Slider -->
  289. <script src="js/revolution/jquery.themepunch.tools.min.js"></script>
  290. <script src="js/revolution/jquery.themepunch.revolution.min.js"></script>
  291. <script src="js/revolution/revolution.extension.actions.min.js"></script>
  292. <script src="js/revolution/revolution.extension.carousel.min.js"></script>
  293. <script src="js/revolution/revolution.extension.kenburn.min.js"></script>
  294. <script src="js/revolution/revolution.extension.layeranimation.min.js"></script>
  295. <script src="js/revolution/revolution.extension.migration-2.min.js"></script>
  296. <script src="js/revolution/revolution.extension.parallax.min.js"></script>
  297. <script src="js/revolution/revolution.extension.navigation.min.js"></script>
  298. <script src="js/revolution/revolution.extension.slideanims.min.js"></script>
  299. <script src="js/revolution/revolution.extension.video.min.js"></script>
  300. <!-- Main JS -->
  301. <script src="/js/main.js"></script>
  302. @await RenderSectionAsync("Scripts", required: false)
  303. </body>
  304. </html>