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.

284 lines
16 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Expires" content="0">
  6. <meta http-equiv="Pragma" content="no-cache">
  7. <meta http-equiv="Cache-control" content="no-cache">
  8. <meta http-equiv="Cache" content="no-cache">
  9. <meta http-equiv="content-language" content="zh-TW">
  10. <meta name="viewport" content="width=device-width, initial-scale=1" />
  11. <meta name="keywords" content="奕達,展覽品,展覽品運輸展演,會展,展覽,會議,運輸,物流,包裝,展場,快遞,小三通,表演器材,藝術品,超大物品,危險品,報關,保稅,押稅,空運,海運,eurotran" />
  12. <link rel="shortcut icon" href="../img/eurtoran_ico.png" />
  13. <meta name="description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
  14. <meta name="copyright" content="本網頁奕達運通所有" />
  15. <meta itemprop="name" content="Eurotran 奕達運通有限公司" />
  16. <meta itemprop="image" content="../img/case1.jpg" />
  17. <meta itemprop="description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
  18. <meta name="author" content="PacePhoebe" />
  19. <meta name="Creation-Date" content="30-Oct-2016 18:40:01" />
  20. <!-- Facebook share -->
  21. <meta property="og:title" content="Eurotran 奕達運通有限公司" />
  22. <meta property="og:url" content="網址" />
  23. <meta property="og:image" content="../img/case1.jpg" />
  24. <meta property="og:description" content="Eurotran 奕達運通有限公司創立於1984年,主要業務包含展覽物品、危險物品、特殊物品之全球運輸、報關、包裝及佈展等服務。" />
  25. <title>Eurotran 奕達運通有限公司</title>
  26. <link rel="stylesheet" href="../css/bootstrap.min.css" />
  27. <link rel="stylesheet" href="../../fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
  28. <link rel="stylesheet" href="../css/style.css" />
  29. <link rel="stylesheet" href="../css/detail.css" />
  30. <link rel="stylesheet" href="../css/rwd.css" />
  31. <link rel="stylesheet" href="../../Content/animate.css" />
  32. <link rel="stylesheet" href="../css/genericons.css" />
  33. <link rel="stylesheet" href="../../Scripts/3rd/fancybox/jquery.fancybox.css" />
  34. <link rel="stylesheet" href="../../Content/simplePagination.css" />
  35. <style>
  36. .gotop span::after {
  37. top: 30%;
  38. }
  39. </style>
  40. </head>
  41. <body id="page-top">
  42. <form id="form1">
  43. <div class="wrapper detail-page">
  44. <div id="gotop" class="gotop" style="right: 30px;"><a href="#page-top"><span>GO TOP</span></a></div>
  45. <header class="header">
  46. <nav class="navbar navbar-default navbar-fixed-top">
  47. <div class="navtop">
  48. <div class="container">
  49. <a class="navbar-brand page-scroll" href="index.html">
  50. <img class="logo" src="../img/logo-01.svg">
  51. </a>
  52. <ul class="navbar-right">
  53. <li>
  54. <a href="news.html">
  55. <img src="../img/news-icon.png" />最新消息
  56. </a>
  57. <img class="news-tips" src="../img/icon_new.gif" />
  58. </li>
  59. <li>
  60. <a href="download.html">
  61. <img src="../img/download-arrow.png" />運送須知
  62. </a>
  63. </li>
  64. <li>
  65. <a href="join.html">
  66. <img src="../img/add-contact-01.png" />加入奕達
  67. </a>
  68. </li>
  69. <li>
  70. <a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new" class="facebook">
  71. <img src="../img/facebook.png" />
  72. </a> <a href="#" class="wechat">
  73. <img src="../img/wechat.png" />
  74. </a>
  75. </li>
  76. <li><a href="news-en.html">English</a></li>
  77. <li><a href="news-cn.html">簡中</a></li>
  78. </ul>
  79. </div>
  80. </div>
  81. <div class="navtop navtop-m">
  82. <div class="container">
  83. <ul class="navbar-right">
  84. <!--li><a href="#"><img src="../img/icon-fb.png" />Facebook</a></li>
  85. <li><a href="#"><img src="../img/icon-wechat.png" />Wechat</a></li-->
  86. <li>
  87. <a href="news.html">最新消息</a>
  88. <img class="news-tips" src="../img/icon_new.gif" />
  89. </li>
  90. <li><a class="go-tracking" href="ProgressOnlineQuery.html">貨況查詢</a></li>
  91. <li><a href="mailto:info@eurotran.com">線上詢價</a></li>
  92. <li><a href="news-en.html">English</a></li>
  93. <li><a href="news-cn.html">简中</a></li>
  94. </ul>
  95. </div>
  96. </div>
  97. <div class="main-nav">
  98. <div class="container">
  99. <!-- Brand and toggle get grouped for better mobile display -->
  100. <div class="navbar-header page-scroll">
  101. <a class="navbar-brand page-scroll navbar-brand-m" href="index.html">
  102. <img class="logo" src="../img/logo-01.svg" />
  103. </a>
  104. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
  105. </div>
  106. <!-- Collect the nav links, forms, and other content for toggling -->
  107. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  108. <ul class="nav navbar-nav navbar-center">
  109. <li class="hidden active"><a href="index.html"></a></li>
  110. <li><a class="page-scroll" href="index.html#about">關於奕達</a> </li>
  111. <li><a class="page-scroll" href="index.html#case">經典案例</a> </li>
  112. <li><a class="page-scroll" href="index.html#service">服務項目</a> </li>
  113. <li><a class="page-scroll" href="index.html#contact">聯絡奕達</a> </li>
  114. <li class="nav-hidden"><a href="news.html">最新消息</a> </li>
  115. <li class="nav-hidden"><a href="download.html">運送須知</a></li>
  116. <li class="nav-hidden"><a href="join.html">加入奕達</a></li>
  117. <li class="nav-hidden"><a class="go-tracking" href="ProgressOnlineQuery.html">貨況查詢</a></li>
  118. <li class="nav-hidden "><a href="mailto:info@eurotran.com">線上詢價</a></li>
  119. <li class="nav-hidden social-nav-m">
  120. <a class="color-facebook" href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new">
  121. <img src="../img/icon-fb-b.png" />
  122. </a>
  123. </li>
  124. <li class="nav-hidden social-nav-m">
  125. <a class="color-wechat" href="#">
  126. <img src="../img/icon-wechat-b.png" />
  127. </a>
  128. </li>
  129. </ul>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="nav-shadow"></div>
  134. </nav>
  135. </header>
  136. <ul class="social-nav social-nav-side">
  137. <li>
  138. <a href="ProgressOnlineQuery.html" class="sidebar-1 go-tracking">
  139. <img src="../img/search.png" />
  140. </a>
  141. </li>
  142. <li>
  143. <a href="mailto:info@eurotran.com" class="sidebar-2">
  144. <img src="../img/online-search.png" />
  145. </a>
  146. </li>
  147. </ul>
  148. <!--news section-->
  149. <div id="p_news_list">
  150. <div class="banner news-bg">
  151. <div class="container banner-text-detail">
  152. <img src="../img/banner-text-d2.png" />
  153. </div>
  154. </div>
  155. <section class="news-list">
  156. <div class="container wrapper">
  157. <div class="container2">
  158. <div class="col-xs-12">
  159. <ul class="new-news"></ul>
  160. </div>
  161. <!--頁數切換 -->
  162. <div class="pagebar">
  163. <div id="pager"></div>
  164. </div>
  165. </div>
  166. </div>
  167. </section>
  168. </div>
  169. <div id="p_news_detail" hidden>
  170. <div class="banner newsd-bg">
  171. <img class="banner-cover" src="../img/banner-cover-w.svg" />
  172. <div class="container banner-text-detail">
  173. <img src="../img/banner-text-d3-3.png">
  174. </div>
  175. </div>
  176. <section class="news-detail">
  177. <div class="container wrapper">
  178. <div class="row">
  179. <div class="col-xs-12 n-title">
  180. </div>
  181. <div class="col-xs-12 news-detail-p">
  182. </div>
  183. <div class="back-btn">
  184. </div>
  185. </div>
  186. </div>
  187. </section>
  188. </div>
  189. <!--news section end-->
  190. <div class="footertop">
  191. <div class="container"><a href="#page-top" class="page-scroll"><span>GO TOP</span><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div>
  192. </div>
  193. <footer>
  194. <div class="container">
  195. <div class="row">
  196. <div class="col-md-6 col-xs-12">
  197. <div class="col-md-3 footer-logo logo-item">
  198. <a href="#">
  199. <img src="../img/footer-logo.png" />
  200. </a>
  201. </div>
  202. <div class="col-md-1 logo-item">
  203. <a href="https://www.iela.org/" target="_new">
  204. <img src="../img/logo_side1.png" style="position: relative; top: 0px; width: 50px; height: 36px;" />
  205. </a>
  206. </div>
  207. <div class="col-md-1 logo-item">
  208. </div>
  209. <div class="col-md-1 logo-item">
  210. </div>
  211. <div class="col-md-8">
  212. <div class="footer-icon">
  213. <a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new">
  214. <img src="../img/icon-fb.png" />
  215. Facebook
  216. </a>
  217. </div>
  218. <div class="footer-icon">
  219. <a href="#" class="wechat">
  220. <img src="../img/icon-wechat.png" />
  221. Wechat
  222. </a>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="col-md-6 col-xs-12 text-right">
  227. <div class="lag">
  228. <a href="news-en.html">
  229. ENGILSH
  230. <img src="../img/icon_store.svg" />
  231. </a>
  232. </div>
  233. <div class="lag"><a href="news-cn.html">简中版<img src="../img/icon_store.svg" /></a></div>
  234. <div class="copyright">2017 © EuroTran. All Rights Reserved</div>
  235. </div>
  236. </div>
  237. </div>
  238. </footer>
  239. </div>
  240. </form>
  241. </body>
  242. </html>
  243. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  244. <script src="../../Scripts/bootstrap.min.js"></script>
  245. <script src="../../Scripts/jquery.blockUI.js"></script>
  246. <script src="../../Scripts/i18next.min.js"></script>
  247. <script src="../js/jquery.gotop.min.js"></script>
  248. <script src="../js/jquery-awesomodals.min.js"></script>
  249. <script src="../js/agency.js"></script>
  250. <script src="../../Scripts/jquery.simplePagination.js"></script>
  251. <script src="../../Scripts/jsrender.min.js"></script>
  252. <script src="../../Scripts/3rd/fancybox/jquery.fancybox.min.js"></script>
  253. <script src="../../Scripts/lib/base64.min.js"></script>
  254. <script src="../../Scripts/lib/Util.min.js?v=20180720"></script>
  255. <script src="../js/news.js?v=20180720"></script>
  256. <script src="../js/listen.js"></script>
  257. <script id="temp_newslist" type="text/x-jsrender">
  258. <a href="#" data-key="{{:SN}}">
  259. <li class="col-xs-12">
  260. <div class="arrow"><img src="../img/org_arrow_right.png"></div>
  261. <p>{{:News_Title}}</p>
  262. <p class="news-category"><span class="date">{{: ~setDate(CreateDate)}}</span><span>活動快訊</span></p>
  263. </li>
  264. </a>
  265. </script>
  266. <script id="temp_newsdetail" type="text/x-jsrender">
  267. <div class="container wrapper">
  268. <div class="row">
  269. <div class="col-xs-12 n-title">
  270. <h2 class="news-detail-title">{{:News_Title}}</h2>
  271. <div class="detail-date"><img src="../img/data.jpg">{{: ~setDate(CreateDate)}}</div>
  272. <div class="breadcrumbnav"><a href="index.html">主頁</a> &gt; <a href="news.html">活動快訊</a></div>
  273. </div>
  274. <div class="col-xs-12 news-detail-p">
  275. {{: ~setNewsContent(News_Content)}}
  276. </div>
  277. <div class="back-btn">
  278. <a class="btn" href="#">回前一頁</a>
  279. </div>
  280. </div>
  281. </div>
  282. </script>