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.

323 lines
14 KiB

2 years ago
  1. <!doctype html>
  2. <html>
  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="en">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  11. <meta name="keywords" content="Tracking System - Eurotran">
  12. <meta name="description" content="">
  13. <title>Tracking System - Eurotran</title>
  14. <link rel="shortcut icon" href="../images/favicon.png">
  15. <link href="../css/main.css" rel="stylesheet" type="text/css">
  16. <link href="../css/track.css" rel="stylesheet" type="text/css">
  17. <link href="../css/en.css" rel="stylesheet" type="text/css">
  18. <link href="../css/jquery.fancybox.css" rel="stylesheet" type="text/css">
  19. </head>
  20. <body>
  21. <!-- header -->
  22. <div id="headerWrapper">
  23. <header>
  24. <h1><a href="../en/index.html">Eurotran</a></h1>
  25. <ul id="language">
  26. <li class="cn"><a href="../cn/onlineResult.html"><span></span> <em>简体中文</em></a></li>
  27. <li class="tw"><a href="../onlineResult.html"><span></span> <em>繁體中文</em></a></li>
  28. </ul>
  29. </header>
  30. </div>
  31. <!-- header end -->
  32. <!-- Menu -->
  33. <h4 class="openMenu">Menu</h4>
  34. <div id="menuWrapper">
  35. <!--Load menubar.js to generate menu-->
  36. </div>
  37. <!-- Menu end -->
  38. <div id="innerTitle" class="addBG">
  39. <h1 class="indexTitle"><em>Online Services</em> <span>Tracking System</span></h1>
  40. </div>
  41. <article>
  42. <!-- left -->
  43. <div id="sidebar">
  44. <div id="left">
  45. <h4>Menu</h4>
  46. <ul>
  47. <li><a href="onlineTrack.html">Tracking System</a></li>
  48. <li><a href="contact.html?T=O">Online Inquiry</a></li>
  49. <li><a href="onlineDownload.html">Exhibition Logistics Forms</a></li>
  50. </ul>
  51. </div>
  52. </div>
  53. <!-- left end -->
  54. <!-- right -->
  55. <div id="right">
  56. <h2 class="orange bold">INFORMATION</h2>
  57. <h6><span></span>Cargo information</h6>
  58. <p>&nbsp;</p>
  59. <ul class="trackInfo">
  60. <li class="bold">CHING E CO., LTD.</li>
  61. <li>2018 COMPUTEX TAIPEI</li>
  62. </ul>
  63. <p>&nbsp;</p>
  64. <div class="tWarpper">
  65. <h6></h6>
  66. <div class="css-table mob-table target">
  67. <div class="thead">
  68. <div class="tr center">
  69. <div class="th nowrap"></div>
  70. <div class="th nowrap">Q'ty</div>
  71. <div class="th nowrap">Departure</div>
  72. <div class="th nowrap">Destination</div>
  73. <div class="th nowrap">B/L No.</div>
  74. <div class="th nowrap">House Waybill No.</div>
  75. <div class="th nowrap">Container No.</div>
  76. </div>
  77. </div>
  78. <div class="tbody">
  79. <div class="tr">
  80. <div class="td center">Import of goods</div>
  81. <div class="td center">50 PKG</div>
  82. <div class="td center">TPE</div>
  83. <div class="td center">USA</div>
  84. <div class="td center">0000123</div>
  85. <div class="td center">0000456</div>
  86. <div class="td center">1266587</div>
  87. </div>
  88. <div class="tr">
  89. <div class="td center">Extended transport</div>
  90. <div class="td center">100 CTN</div>
  91. <div class="td center">TPE</div>
  92. <div class="td center">USA</div>
  93. <div class="td center">0000123</div>
  94. <div class="td center">0000456</div>
  95. <div class="td center">1266587</div>
  96. </div>
  97. <div class="tr">
  98. <div class="td center">Extended transport</div>
  99. <div class="td center">100 CTN</div>
  100. <div class="td center">TPE</div>
  101. <div class="td center">USA</div>
  102. <div class="td center">0000123</div>
  103. <div class="td center">0000456</div>
  104. <div class="td center">1266587</div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <p class="trackDivider">&nbsp;</p>
  110. <!-- import -->
  111. <h2 class="orange bold">IMPORT</h2>
  112. <h6><span></span>Import of goods</h6>
  113. <p>&nbsp;</p>
  114. <ul class="progress">
  115. <li class="active">
  116. <p>Doc. received</p>
  117. <div></div>
  118. <span></span>
  119. </li>
  120. <li class="active">
  121. <p>Arrived in Taiwan</p>
  122. <div></div>
  123. <span></span>
  124. </li>
  125. <li class="active">
  126. <p>Clearance processing</p>
  127. <div></div>
  128. <span></span>
  129. </li>
  130. <li>
  131. <p>Shipment released</p>
  132. <div></div>
  133. <span></span>
  134. </li>
  135. <li>
  136. <p>Showsite warehouse</p>
  137. <div></div>
  138. <span></span>
  139. </li>
  140. <li>
  141. <p>Delivered</p>
  142. <div></div>
  143. <span></span>
  144. </li>
  145. <p class="clear"></p>
  146. </ul>
  147. <p>&nbsp;</p>
  148. <div class="css-table">
  149. <div class="thead">
  150. <div class="tr">
  151. <div class="th nowrap">Date</div>
  152. <div class="th nowrap center">Status</div>
  153. <div class="th nowrap center">Remark</div>
  154. </div>
  155. </div>
  156. <div class="tbody">
  157. <div class="tr blue bold">
  158. <div class="td">2018/06/26</div>
  159. <div class="td center">Delivered</div>
  160. <div class="td center">sfsdffsfsd sfsdf</div>
  161. </div>
  162. <div class="tr">
  163. <div class="td">2018/06/26</div>
  164. <div class="td center">Delivered</div>
  165. <div class="td center">sfsdffsfsd sfsdf</div>
  166. </div>
  167. <div class="tr">
  168. <div class="td">2018/06/26</div>
  169. <div class="td center">Delivered</div>
  170. <div class="td center">sfsdffsfsd sfsdf</div>
  171. </div>
  172. <div class="tr">
  173. <div class="td">2018/06/26</div>
  174. <div class="td center">Delivered</div>
  175. <div class="td center">sfsdffsfsd sfsdf</div>
  176. </div>
  177. <div class="tr">
  178. <div class="td">2018/06/26</div>
  179. <div class="td center">Delivered</div>
  180. <div class="td center">sfsdffsfsd sfsdf</div>
  181. </div>
  182. <div class="tr">
  183. <div class="td">2018/06/26</div>
  184. <div class="td center">Delivered</div>
  185. <div class="td center">sfsdffsfsd sfsdf</div>
  186. </div>
  187. </div>
  188. </div>
  189. <p>&nbsp;</p>
  190. <p class="align_c">
  191. <input type="Submit" value="Obtian Proof of Dilivery" class="btn btnStyle">
  192. </p>
  193. <p class="trackDivider">&nbsp;</p>
  194. <!-- reture -->
  195. <h2 class="orange bold">RETURN</h2>
  196. <h6><span></span>Extended transport</h6>
  197. <p>&nbsp;</p>
  198. <ul class="progress">
  199. <li class="active">
  200. <p>Returned Doc. confirmed</p>
  201. <div></div>
  202. <span></span>
  203. </li>
  204. <li class="active">
  205. <p>Clearance processing-Export</p>
  206. <div></div>
  207. <span></span>
  208. </li>
  209. <li class="active">
  210. <p>Shipment released-Export</p>
  211. <div></div>
  212. <span></span>
  213. </li>
  214. <li class="active">
  215. <p>Returning</p>
  216. <div></div>
  217. <span></span>
  218. </li>
  219. <li class="active">
  220. <p>Arrived destination</p>
  221. <div></div>
  222. <span></span>
  223. </li>
  224. <li class="bluePro">
  225. <p>Delivered <img src="../images/tick.svg" width="16" height="16"></p>
  226. <div></div>
  227. <span></span>
  228. </li>
  229. <p class="clear"></p>
  230. </ul>
  231. <p>&nbsp;</p>
  232. <div class="css-table">
  233. <div class="thead">
  234. <div class="tr">
  235. <div class="th nowrap">Date</div>
  236. <div class="th nowrap center">Status</div>
  237. <div class="th nowrap center">Remark</div>
  238. </div>
  239. </div>
  240. <div class="tbody">
  241. <div class="tr blue bold">
  242. <div class="td">2018/06/26</div>
  243. <div class="td center">Delivered</div>
  244. <div class="td center">sfsdffsfsd sfsdf</div>
  245. </div>
  246. <div class="tr">
  247. <div class="td">2018/06/26</div>
  248. <div class="td center">Delivered</div>
  249. <div class="td center">sfsdffsfsd sfsdf</div>
  250. </div>
  251. <div class="tr">
  252. <div class="td">2018/06/26</div>
  253. <div class="td center">Delivered</div>
  254. <div class="td center">sfsdffsfsd sfsdf</div>
  255. </div>
  256. <div class="tr">
  257. <div class="td">2018/06/26</div>
  258. <div class="td center">Delivered</div>
  259. <div class="td center">sfsdffsfsd sfsdf</div>
  260. </div>
  261. <div class="tr">
  262. <div class="td">2018/06/26</div>
  263. <div class="td center">Delivered</div>
  264. <div class="td center">sfsdffsfsd sfsdf</div>
  265. </div>
  266. <div class="tr">
  267. <div class="td">2018/06/26</div>
  268. <div class="td center">Delivered</div>
  269. <div class="td center">sfsdffsfsd sfsdf</div>
  270. </div>
  271. </div>
  272. </div>
  273. <p>&nbsp;</p>
  274. <p class="align_c">
  275. <input type="Submit" value="Obtian Proof of Dilivery" class="btn btnStyle">
  276. </p>
  277. <p class="trackDivider">&nbsp;</p>
  278. <p class="align_c">
  279. <input type="Submit" value="Print query results " class="btn btnStyle">
  280. &nbsp;
  281. <input type="Submit" value="Next query" class="btn btnStyle" onclick="window.location='onlineTrack.html';">
  282. </p>
  283. </div>
  284. <!-- right end -->
  285. <p class="clear"></p>
  286. </article>
  287. <!--------------------- footer --------------------->
  288. <footer>
  289. <div id="footer">
  290. <a href="../en/index.html"><img src="../images/logoFooterEuro.png"></a><a href="https://www.iela.org" target="_blank"><img src="../images/logoFooterIELA.png"></a><a href="https://www.ttclub.com" target="_blank"><img src="../images/logoFooterTT.png"></a><a href="https://afeca.asia" target="_blank"><img src="../images/logoFooterAFECA.png"></a>
  291. <ul>
  292. <li>10F., No.455, Chongyang Rd., Nangang Dist., Taipei, Taiwan </li>
  293. <li>886-2-2785-6000</li>
  294. <li><a href="mailto:info@eurotran.com">info@eurotran.com</a></li>
  295. </ul>
  296. <p><a href="https://www.facebook.com/eurotranexpo/" target="_blank">Facebook</a> <a href="javascript:void(0);" class="wechat">WeChat</a></p>
  297. </div>
  298. <div id="copyright">2018 &copy; EUROTRAN. All Rights Reserved</div>
  299. </footer>
  300. <div id="toTop">TOP</div>
  301. <div id="money" class="NoShowInMobile"><a href="contact.html?T=O"></a></div>
  302. <div id="track" class="NoShowInMobile"><a href="onlineTrack.html"></a></div>
  303. <!--------------------- footer end --------------------->
  304. <script src="../js/jquery-2.2.4.min.js"></script>
  305. <script src="../js/jquery.fancybox.min.js"></script>
  306. <script src="../js/menubar-en.js"></script>
  307. <script src="../js/stickySidebar.js"></script>
  308. <script src="../js/menu.js?v=20180801"></script>
  309. <script>
  310. $(function () {
  311. if ($(window).width() < 800) {
  312. $(".target").scroll(function () {
  313. if ($(".target").scrollLeft() > 140) {
  314. //alert("dsfsdf");
  315. $(this).parent().removeClass("tWarpper");
  316. } else {
  317. $(this).parent().addClass("tWarpper");
  318. }
  319. });
  320. }
  321. });
  322. </script>
  323. </body>
  324. </html>