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.
324 lines
14 KiB
324 lines
14 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="Expires" content="0" />
|
|
<meta http-equiv="Pragma" content="no-cache" />
|
|
<meta http-equiv="Cache-control" content="no-cache" />
|
|
<meta http-equiv="Cache" content="no-cache" />
|
|
<meta http-equiv="content-language" content="en">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<meta name="keywords" content="Tracking System - Eurotran">
|
|
<meta name="description" content="">
|
|
<title>Tracking System - Eurotran</title>
|
|
<link rel="shortcut icon" href="../images/favicon.png">
|
|
<link href="../css/main.css" rel="stylesheet" type="text/css">
|
|
<link href="../css/track.css" rel="stylesheet" type="text/css">
|
|
<link href="../css/en.css" rel="stylesheet" type="text/css">
|
|
<link href="../css/jquery.fancybox.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
<body>
|
|
<!-- header -->
|
|
<div id="headerWrapper">
|
|
<header>
|
|
<h1><a href="../en/index.html">Eurotran</a></h1>
|
|
<ul id="language">
|
|
<li class="cn"><a href="../cn/onlineResult.html"><span>简</span> <em>简体中文</em></a></li>
|
|
<li class="tw"><a href="../onlineResult.html"><span>繁</span> <em>繁體中文</em></a></li>
|
|
</ul>
|
|
</header>
|
|
</div>
|
|
<!-- header end -->
|
|
<!-- Menu -->
|
|
<h4 class="openMenu">Menu</h4>
|
|
<div id="menuWrapper">
|
|
<!--Load menubar.js to generate menu-->
|
|
</div>
|
|
<!-- Menu end -->
|
|
<div id="innerTitle" class="addBG">
|
|
<h1 class="indexTitle"><em>Online Services</em> <span>Tracking System</span></h1>
|
|
</div>
|
|
<article>
|
|
<!-- left -->
|
|
<div id="sidebar">
|
|
<div id="left">
|
|
<h4>Menu</h4>
|
|
<ul>
|
|
<li><a href="onlineTrack.html">Tracking System</a></li>
|
|
<li><a href="contact.html?T=O">Online Inquiry</a></li>
|
|
<li><a href="onlineDownload.html">Exhibition Logistics Forms</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- left end -->
|
|
<!-- right -->
|
|
<div id="right">
|
|
<h2 class="orange bold">INFORMATION</h2>
|
|
<h6><span></span>Cargo information</h6>
|
|
<p> </p>
|
|
<ul class="trackInfo">
|
|
<li class="bold">CHING E CO., LTD.</li>
|
|
<li>2018 COMPUTEX TAIPEI</li>
|
|
</ul>
|
|
<p> </p>
|
|
<div class="tWarpper">
|
|
<h6></h6>
|
|
<div class="css-table mob-table target">
|
|
<div class="thead">
|
|
<div class="tr center">
|
|
<div class="th nowrap"></div>
|
|
<div class="th nowrap">Q'ty</div>
|
|
<div class="th nowrap">Departure</div>
|
|
<div class="th nowrap">Destination</div>
|
|
<div class="th nowrap">B/L No.</div>
|
|
<div class="th nowrap">House Waybill No.</div>
|
|
<div class="th nowrap">Container No.</div>
|
|
</div>
|
|
</div>
|
|
<div class="tbody">
|
|
<div class="tr">
|
|
<div class="td center">Import of goods</div>
|
|
<div class="td center">50 PKG</div>
|
|
<div class="td center">TPE</div>
|
|
<div class="td center">USA</div>
|
|
<div class="td center">0000123</div>
|
|
<div class="td center">0000456</div>
|
|
<div class="td center">1266587</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td center">Extended transport</div>
|
|
<div class="td center">100 CTN</div>
|
|
<div class="td center">TPE</div>
|
|
<div class="td center">USA</div>
|
|
<div class="td center">0000123</div>
|
|
<div class="td center">0000456</div>
|
|
<div class="td center">1266587</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td center">Extended transport</div>
|
|
<div class="td center">100 CTN</div>
|
|
<div class="td center">TPE</div>
|
|
<div class="td center">USA</div>
|
|
<div class="td center">0000123</div>
|
|
<div class="td center">0000456</div>
|
|
<div class="td center">1266587</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="trackDivider"> </p>
|
|
<!-- import -->
|
|
<h2 class="orange bold">IMPORT</h2>
|
|
<h6><span></span>Import of goods</h6>
|
|
<p> </p>
|
|
<ul class="progress">
|
|
<li class="active">
|
|
<p>Doc. received</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li class="active">
|
|
<p>Arrived in Taiwan</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li class="active">
|
|
<p>Clearance processing</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li>
|
|
<p>Shipment released</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li>
|
|
<p>Showsite warehouse</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li>
|
|
<p>Delivered</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<p class="clear"></p>
|
|
</ul>
|
|
<p> </p>
|
|
<div class="css-table">
|
|
<div class="thead">
|
|
<div class="tr">
|
|
<div class="th nowrap">Date</div>
|
|
<div class="th nowrap center">Status</div>
|
|
<div class="th nowrap center">Remark</div>
|
|
</div>
|
|
</div>
|
|
<div class="tbody">
|
|
<div class="tr blue bold">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p> </p>
|
|
<p class="align_c">
|
|
<input type="Submit" value="Obtian Proof of Dilivery" class="btn btnStyle">
|
|
</p>
|
|
<p class="trackDivider"> </p>
|
|
<!-- reture -->
|
|
<h2 class="orange bold">RETURN</h2>
|
|
<h6><span></span>Extended transport</h6>
|
|
<p> </p>
|
|
<ul class="progress">
|
|
<li class="active">
|
|
<p>Returned Doc. confirmed</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li class="active">
|
|
<p>Clearance processing-Export</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li class="active">
|
|
<p>Shipment released-Export</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li class="active">
|
|
<p>Returning</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li class="active">
|
|
<p>Arrived destination</p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<li class="bluePro">
|
|
<p>Delivered <img src="../images/tick.svg" width="16" height="16"></p>
|
|
<div></div>
|
|
<span></span>
|
|
</li>
|
|
<p class="clear"></p>
|
|
</ul>
|
|
<p> </p>
|
|
<div class="css-table">
|
|
<div class="thead">
|
|
<div class="tr">
|
|
<div class="th nowrap">Date</div>
|
|
<div class="th nowrap center">Status</div>
|
|
<div class="th nowrap center">Remark</div>
|
|
</div>
|
|
</div>
|
|
<div class="tbody">
|
|
<div class="tr blue bold">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
<div class="tr">
|
|
<div class="td">2018/06/26</div>
|
|
<div class="td center">Delivered</div>
|
|
<div class="td center">sfsdffsfsd sfsdf</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p> </p>
|
|
<p class="align_c">
|
|
<input type="Submit" value="Obtian Proof of Dilivery" class="btn btnStyle">
|
|
</p>
|
|
<p class="trackDivider"> </p>
|
|
<p class="align_c">
|
|
<input type="Submit" value="Print query results " class="btn btnStyle">
|
|
|
|
<input type="Submit" value="Next query" class="btn btnStyle" onclick="window.location='onlineTrack.html';">
|
|
</p>
|
|
</div>
|
|
<!-- right end -->
|
|
<p class="clear"></p>
|
|
</article>
|
|
<!--------------------- footer --------------------->
|
|
<footer>
|
|
<div id="footer">
|
|
<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>
|
|
<ul>
|
|
<li>10F., No.455, Chongyang Rd., Nangang Dist., Taipei, Taiwan </li>
|
|
<li>886-2-2785-6000</li>
|
|
<li><a href="mailto:info@eurotran.com">info@eurotran.com</a></li>
|
|
</ul>
|
|
<p><a href="https://www.facebook.com/eurotranexpo/" target="_blank">Facebook</a> <a href="javascript:void(0);" class="wechat">WeChat</a></p>
|
|
</div>
|
|
<div id="copyright">2018 © EUROTRAN. All Rights Reserved</div>
|
|
</footer>
|
|
<div id="toTop">TOP</div>
|
|
<div id="money" class="NoShowInMobile"><a href="contact.html?T=O"></a></div>
|
|
<div id="track" class="NoShowInMobile"><a href="onlineTrack.html"></a></div>
|
|
<!--------------------- footer end --------------------->
|
|
<script src="../js/jquery-2.2.4.min.js"></script>
|
|
<script src="../js/jquery.fancybox.min.js"></script>
|
|
<script src="../js/menubar-en.js"></script>
|
|
<script src="../js/stickySidebar.js"></script>
|
|
<script src="../js/menu.js?v=20180801"></script>
|
|
<script>
|
|
$(function () {
|
|
if ($(window).width() < 800) {
|
|
$(".target").scroll(function () {
|
|
if ($(".target").scrollLeft() > 140) {
|
|
//alert("dsfsdf");
|
|
$(this).parent().removeClass("tWarpper");
|
|
} else {
|
|
$(this).parent().addClass("tWarpper");
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|