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.

748 lines
50 KiB

2 years ago
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" id="page-top">
  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" />
  11. <meta name="keywords" content="Eurotran|Exhibition Logistics Service,Freight forwarder,Exhibition goods,Transportation of exhibition goods,Fairs event,MICE,Convention exhibition,Exhibition,Meeting conference,Incentives,Transportation,Logistic,Packing,Fair ground,Express,Courier,Show equipment,Art ,Oversize cargo,Dangerous goods,Customs clearance,Bonded,Clearance base on deposit,Air freight,Sea freight" />
  12. <link rel="shortcut icon" href="../img/eurtoran_ico.png" />
  13. <meta name="description" content="Founded in 1984, Eurotran’s primary business is to provide global transportation, customs clearance, packing and arrangement of exhibition services of exhibiting merchandise, dangerous cargo and goods that require special care." />
  14. <meta name="copyright" CONTENT="本網頁奕達運通所有" />
  15. <meta itemprop="name" content="Eurotran|Exhibition Logistics Service" />
  16. <meta itemprop="image" content="../img/case1.jpg" />
  17. <meta itemprop="description" content="Founded in 1984, Eurotran’s primary business is to provide global transportation, customs clearance, packing and arrangement of exhibition services of exhibiting merchandise, dangerous cargo and goods that require special care." />
  18. <meta name="author" content="PacePhoebe" />
  19. <meta name="Creation-Date" CONTENT="01-Mar-2017 18:40:01" />
  20. <meta name="format-detection" content="telephone=no" />
  21. <!-- Facebook share -->
  22. <meta property="og:title" content="Eurotran|Exhibition Logistics Service" />
  23. <meta property="og:url" content="網址" />
  24. <meta property="og:image" content="../img/case1.jpg" />
  25. <meta property="og:description" content="Founded in 1984, Eurotran’s primary business is to provide global transportation, customs clearance, packing and arrangement of exhibition services of exhibiting merchandise, dangerous cargo and goods that require special care." />
  26. <title>Eurotran|Exhibition Logistics Service</title>
  27. <!-- Magnific Popup core CSS file -->
  28. <link rel="stylesheet" href="../css/bootstrap.min.css" />
  29. <link rel="stylesheet" href="../../Content/toastr.min.css" />
  30. <link rel="stylesheet" href="../css/genericons.css" />
  31. <link rel="stylesheet" href="../../fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
  32. <link rel="stylesheet" href="../../Content/animate.css" />
  33. <link rel="stylesheet" href="../css/magnific-popup.css" />
  34. <link rel="stylesheet" href="../css/style.css" />
  35. <link rel="stylesheet" href="../css/rwd.css" />
  36. <link rel="stylesheet" href="../../Scripts/3rd/fancybox/jquery.fancybox.css" />
  37. </head>
  38. <body>
  39. <div class="wrapper">
  40. <div id="gotop" class="gotop" style="right: 30px;"><a href="#page-top"><span>GO TOP</span></a></div>
  41. <header class="header">
  42. <nav class="navbar navbar-default navbar-fixed-top">
  43. <div class="navtop">
  44. <div class="container">
  45. <a class="navbar-brand page-scroll" href="index-en.html"><img class="logo" src="../img/logo-01.svg" /></a>
  46. <ul class="navbar-right">
  47. <li>
  48. <a href="news-en.html"><img src="../img/news-icon.png" />News</a>
  49. <img class="news-tips" src="../img/icon_new.gif" />
  50. </li>
  51. <li><a href="download-en.html"><img src="../img/download-arrow.png" />Downloads</a></li>
  52. <li><a href="join-en.html"><img src="../img/add-contact-01.png" />Join us</a></li>
  53. <li> <a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new" class="facebook"><img src="../img/facebook.png" /></a> <a href="#" class="wechat"><img src="../img/wechat.png" /></a></li>
  54. <li><a href="index.html">繁中</a></li>
  55. <li><a href="index-cn.html">简中</a></li>
  56. </ul>
  57. </div>
  58. </div>
  59. <div class="navtop navtop-m">
  60. <div class="container">
  61. <ul class="navbar-right">
  62. <!--li><a href="#"><img src="../img/icon-fb.png" />Facebook</a></li>
  63. <li><a href="#"><img src="../img/icon-wechat.png" />Wechat</a></li-->
  64. <li>
  65. <a href="news-en.html">NEWS</a>
  66. <img class="news-tips" src="../img/icon_new.gif" />
  67. </li>
  68. <li><a class="go-tracking" href="ProgressOnlineQuery-en.html">TRACKING</a></li>
  69. <li><a href="mailto:info@eurotran.com">INQUIRY</a></li>
  70. <li><a href="index.html">繁中</a></li>
  71. <li><a href="index-cn.html">简中</a></li>
  72. </ul>
  73. </div>
  74. </div>
  75. <div class="main-nav">
  76. <div class="container">
  77. <!-- Brand and toggle get grouped for better mobile display -->
  78. <div class="navbar-header page-scroll">
  79. <a class="navbar-brand page-scroll navbar-brand-m" href="index-en.html"><img class="logo" src="../img/logo-01.svg" /></a>
  80. <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>
  81. </div>
  82. <!-- Collect the nav links, forms, and other content for toggling -->
  83. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  84. <ul class="nav navbar-nav navbar-center">
  85. <li class="hidden active"> <a href="index-en.html"></a> </li>
  86. <li> <a class="page-scroll" href="#about">ABOUT US</a> </li>
  87. <li> <a class="page-scroll" href="#case">CLASSIC CASES</a> </li>
  88. <li> <a class="page-scroll" href="#service">SERVICES</a> </li>
  89. <li> <a class="page-scroll" href="#contact">CONTACT US</a> </li>
  90. <li class="nav-hidden"> <a href="news-en.html">NEWS</a> </li>
  91. <li class="nav-hidden"><a href="download-en.html">DOWNLOADS</a></li>
  92. <li class="nav-hidden"><a href="join-en.html">JOIN US</a></li>
  93. <li class="nav-hidden"><a class="go-tracking" href="ProgressOnlineQuery-en.html">TRACKING</a></li>
  94. <li class="nav-hidden "><a href="mailto:info@eurotran.com">INQUIRY</a></li>
  95. <li class="nav-hidden social-nav-m"><a class="color-facebook" target="_new" href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/"><img src="../img/icon-fb-b.png" /></a></li>
  96. <li class="nav-hidden social-nav-m"><a class="color-wechat" href="#"><img src="../img/icon-wechat-b.png" /></a></li>
  97. </ul>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="nav-shadow"></div>
  102. </nav>
  103. </header>
  104. <ul class="social-nav social-nav-side">
  105. <li> <a href="ProgressOnlineQuery-en.html" class="sidebar-1 go-tracking"><img src="../img/search-en.png" /></a> </li>
  106. <li><a href="mailto:info@eurotran.com" class="sidebar-2"><img src="../img/online-search-en.png" /></a></li>
  107. </ul>
  108. <div class="banner">
  109. <img class="banner-cover" src="../img/banner-cover.svg" /> <img class="banner-text" src="../img/banner-text-en.png" />
  110. <!--div class="bg"></div-->
  111. <!-- Start cssSlider.com -->
  112. <img class="banner-hack" src="../img/banner-hack.jpg" />
  113. <div class='csslider1 autoplay '>
  114. <input name="cs_anchor1" id='cs_slide1_0' type="radio" class='cs_anchor' />
  115. <input name="cs_anchor1" id='cs_slide1_1' type="radio" class='cs_anchor' />
  116. <input name="cs_anchor1" id='cs_play1' type="radio" class='cs_anchor' checked="checked" />
  117. <input name="cs_anchor1" id='cs_pause1' type="radio" class='cs_anchor' />
  118. <ul>
  119. <div style="width: 100%; visibility: hidden; font-size: 0px; line-height: 0;"> <img src="../img/banner.jpg" style="width: 100%;" /> </div>
  120. <li class='num0 img'><img src="../img/banner5.jpg" /> </li>
  121. <li class='num1 img'> <img src="../img/banner4.jpg" /> </li>
  122. <li class='num2 img'> <img src="../img/banner2.jpg" /> </li>
  123. </ul>
  124. </div>
  125. </div>
  126. <section class="about" id="about">
  127. <div class="container">
  128. <div class="row">
  129. <div class="col-md-9 col-xs-12 aboout-img wow animated"> <img src="../img/about-bg.jpg" /> </div>
  130. <div class="col-md-4 col-xs-12 about-info wow animated">
  131. <div class="about-info-box">
  132. <a href="popup/pageabout-en.html" data-toggle="lightbox">
  133. <svg>
  134. <rect class="svgline wow animated" x="0" y="0" fill="none" width="100%" height="100%"></rect>
  135. </svg>
  136. <div class="title">
  137. <h2>ABOUT US</h2>
  138. <h5>EUROTRAN</h5>
  139. </div>
  140. <h4>Customers' trust is the key to success.</h4>
  141. <p>Our Eurotran global logistics service teams possess specialty knowledge in handling various types of exhibition goods and ensures timely and safe delivery to the fair ground. </p>
  142. <p class="more"> <span>MORE</span> </p>
  143. </a>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </section>
  149. <section class="competitiveness en" id="competitiveness">
  150. <div class="container">
  151. <div class="row">
  152. <div class="col-md-12 col-xs-12">
  153. <div class="title">
  154. <h2>COMPETITIVENESS</h2>
  155. <h5>EUROTRAN</h5>
  156. </div>
  157. </div>
  158. <div class="col-md-4 col-xs-12 case-item-12">
  159. <a class="case-item wow animated" href="popup/page1-en.html" data-toggle="lightbox" data-gallery="remoteload">
  160. <figure class="snip1302">
  161. <img src="../img/101.jpg" alt="Global Logistics" />
  162. <figcaption>
  163. <div class="icon">READ MORE</div>
  164. </figcaption>
  165. </figure>
  166. <div class="intro">
  167. <h5>-Global Logistics</h5>
  168. <h3>The Official Freight Forwarder Appointed by Taitra</h3>
  169. </div>
  170. </a>
  171. </div>
  172. <div class="col-md-4 col-xs-12 case-item-12">
  173. <a class="case-item wow animated" href="popup/page2-en.html" data-toggle="lightbox" data-gallery="remoteload">
  174. <figure class="snip1302">
  175. <img src="../img/_MG_4713.jpg" alt="Trade Shows" />
  176. <figcaption>
  177. <div class="icon">READ MORE</div>
  178. </figcaption>
  179. </figure>
  180. <div class="intro">
  181. <h5>-Trade Shows</h5>
  182. <h3>Logistics Contractor of Taiwan Excellence Product Showcase.</h3>
  183. </div>
  184. </a>
  185. </div>
  186. <div class="col-md-4 col-xs-12 case-item-12">
  187. <a class="case-item wow animated" href="popup/page3-en.html" data-toggle="lightbox" data-gallery="remoteload">
  188. <figure class="snip1302">
  189. <img src="../img/KV02.jpg" alt="Events & Performances Logistics" />
  190. <figcaption>
  191. <div class="icon">READ MORE</div>
  192. </figcaption>
  193. </figure>
  194. <div class="intro">
  195. <h5>- Events & Performances Logistics</h5>
  196. <h3>Facility Transportation for Large Stage Performances</h3>
  197. </div>
  198. </a>
  199. </div>
  200. </div>
  201. </div>
  202. </section>
  203. <section class="case en" id="case">
  204. <div class="container">
  205. <div class="slider-box">
  206. <svg>
  207. <rect class="svgline wow animated" x="0" y="0" fill="none" width="100%" height="100%" style="visibility: visible; animation-name: svgline;"></rect>
  208. </svg>
  209. <div class="slider">
  210. <div class="slide-container">
  211. <div class="slide">
  212. <a href="popup/case2-en.html" data-toggle="lightbox" data-gallery="case">
  213. <div class="slider-img-box"><img src="../img/13.jpg" /></div>
  214. <div class="slider-info">
  215. <div class="title">
  216. <h2>CLASSIC CASES</h2>
  217. <h5>EUROTRAN</h5>
  218. </div>
  219. <h4>Auto Shows</h4>
  220. <p>Auto show participants are car makers of the world. They display new designs, technologies, parts, as well as conceptual cars and race cars. Through auto shows…</p>
  221. <span class="more">MORE</span>
  222. </div>
  223. </a>
  224. </div>
  225. <div class="slide">
  226. <a href="popup/case4-en.html" data-toggle="lightbox" data-gallery="case">
  227. <div class="slider-img-box"> <img src="../img/5.jpg" /></div>
  228. <div class="slider-info">
  229. <div class="title">
  230. <h2>CLASSIC CASES</h2>
  231. <h5>EUROTRAN</h5>
  232. </div>
  233. <h4>ICT, sports and leisure</h4>
  234. <p>Visitors of sports and leisure fairs are mostly consumers and end-users, and exhibition goods are usually available for sale at the fair. This type of trade…</p>
  235. <span class="more">MORE</span>
  236. </div>
  237. </a>
  238. </div>
  239. <div class="slide">
  240. <a href="popup/case1-en.html" data-toggle="lightbox" data-gallery="case">
  241. <div class="slider-img-box"><img src="../img/8.jpg" /></div>
  242. <div class="slider-info">
  243. <div class="title">
  244. <h2>CLASSIC CASES</h2>
  245. <h5>EUROTRAN</h5>
  246. </div>
  247. <h4>Food Shows</h4>
  248. <p>Food and beverage are closely linked to culture, and food fairs reflect current trends and provide business opportunities. Participants include international exporters…</p>
  249. <span class="more">MORE</span>
  250. </div>
  251. </a>
  252. </div>
  253. <div class="slide">
  254. <a href="popup/case0-en.html" data-toggle="lightbox" data-gallery="case">
  255. <div class="slider-img-box"><img src="../img/7.jpg" /></div>
  256. <div class="slider-info">
  257. <div class="title">
  258. <h2>CLASSIC CASES</h2>
  259. <h5>EUROTRAN</h5>
  260. </div>
  261. <h4>Machine Tool Shows</h4>
  262. <p>International machine tool shows reveal the current trends in R&amp;D, innovation, manufacturing techniques, and application technologies for the machinery industry... </p>
  263. <span class="more">MORE</span>
  264. </div>
  265. </a>
  266. </div>
  267. <div class="slide">
  268. <a href="popup/case5-en.html" data-toggle="lightbox" data-gallery="case">
  269. <div class="slider-img-box"> <img src="../img/9.jpg" /></div>
  270. <div class="slider-info">
  271. <div class="title">
  272. <h2>CLASSIC CASES</h2>
  273. <h5>EUROTRAN</h5>
  274. </div>
  275. <h4>Other Machinery shows</h4>
  276. <p>Due to the diverse development of the world's finished goods, the manufacturing industry often sees linkages among the supply chains of various industries…</p>
  277. <span class="more">MORE</span>
  278. </div>
  279. </a>
  280. </div>
  281. <div class="slide">
  282. <a href="popup/case6-en.html" data-toggle="lightbox" data-gallery="case">
  283. <div class="slider-img-box"> <img src="../img/10.jpg" /></div>
  284. <div class="slider-info">
  285. <div class="title">
  286. <h2>CLASSIC CASES</h2>
  287. <h5>EUROTRAN</h5>
  288. </div>
  289. <h4>Arts, Crafts and Hazardous Articles</h4>
  290. <p>Art, crafts and hazardous articles are typically of high value and fragile. Items such as chemical powder or gunpowder are flammable and perilous… </p>
  291. <span class="more">MORE</span>
  292. </div>
  293. </a>
  294. </div>
  295. <div class="slide">
  296. <a href="popup/case7-en.html" data-toggle="lightbox" data-gallery="case">
  297. <div class="slider-img-box"> <img src="../img/11.jpg" /></div>
  298. <div class="slider-info">
  299. <div class="title">
  300. <h2>CLASSIC CASES</h2>
  301. <h5>EUROTRAN</h5>
  302. </div>
  303. <h4>Other Comprehensive Fairs</h4>
  304. <p>International fairs are the best jumping board for sellers to sell their products into the world market and to enhance their brand. Because there are a great variety of… </p>
  305. <span class="more">MORE</span>
  306. </div>
  307. </a>
  308. </div>
  309. </div>
  310. </div>
  311. <div class="controls">
  312. <div class="prev">
  313. </div>
  314. <div class="next">
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. </section>
  320. <section class="year cd-fixed-bg cd-bg">
  321. <div class="container">
  322. <div class="cd-scrolling-bg row cd-intro">
  323. <div class="moduletable " id="moduletable">
  324. <div class="module_container">
  325. <div class="mod-newsflash-adv counters mod-newsflash-adv__ cols-4" id="module_223">
  326. <p class="en-20170411">
  327. Eurotran established since 1984, and has been official forwarder for Taiwan External Trade Development Council (TAITRA) for 20 years.<br />
  328. Transportation of over 200 exhibitions per year. Serving over 20,000 exhibitors.
  329. </p>
  330. <article class="item item_num0 item__module visible-first" id="item_79">
  331. <div class="item_content">
  332. <h4 class="year-title">Established since</h4>
  333. <div class="counter-item"><span class="counter animated">1984</span></div>
  334. </div>
  335. <div class="clearfix"></div>
  336. </article>
  337. <article class="item item_num1 item__module visible-first" id="item_80">
  338. <div class="item_content">
  339. <h4 class="year-title">Years for TAITRA</h4>
  340. <div class="counter-item"><span class="counter animated">20</span></div>
  341. </div>
  342. <div class="clearfix"></div>
  343. </article>
  344. <article class="item item_num2 item__module visible-first" id="item_81">
  345. <div class="item_content">
  346. <h4 class="year-title">Exhibitions per year</h4>
  347. <div class="counter-item"><span class="counter animated">200</span></div>
  348. </div>
  349. <div class="clearfix"></div>
  350. </article>
  351. <article class="item item_num3 item__module lastItem visible-first" id="item_140">
  352. <div class="item_content">
  353. <h4 class="year-title">Exhibitors over</h4>
  354. <div class="counter-item"><span class="counter animated">20,000</span></div>
  355. </div>
  356. <div class="clearfix"></div>
  357. </article>
  358. <div class="clearfix"></div>
  359. </div>
  360. </div>
  361. </div>
  362. </div>
  363. </div>
  364. </section>
  365. <section class="service en" id="service">
  366. <div class="container">
  367. <div class="row">
  368. <div class="col-md-12 col-xs-12">
  369. <div class="title">
  370. <h2>EUROTRAN SERVICES</h2>
  371. <h5>EUROTRAN</h5>
  372. </div>
  373. </div>
  374. <div class="server-item container2">
  375. <div class="col-sm-6">
  376. <div class="service-item">
  377. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service04.png" /></div>
  378. <div class="service-t">
  379. <h3>Transportation of exhibits for international trade shows</h3>
  380. <p>Packing & import/export clearance for exhibition goods, as well as providing on-site services.</p>
  381. </div>
  382. </div>
  383. </div>
  384. <div class="col-sm-6">
  385. <div class="service-item">
  386. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service03.png" /></div>
  387. <div class="service-t">
  388. <h3>Transportation of facilities for stage performances & events</h3>
  389. <p>Packing & transportation service for stage performance equipments and handling of customs formalities.</p>
  390. </div>
  391. </div>
  392. </div>
  393. <div class="col-sm-6">
  394. <div class="service-item">
  395. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service02.png" /></div>
  396. <div class="service-t">
  397. <h3>Packing & transportation of special goods</h3>
  398. <p>Specialized in packing & transportation of DG and Class 1 explosives.</p>
  399. </div>
  400. </div>
  401. </div>
  402. <div class="col-sm-6">
  403. <div class="service-item">
  404. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service01.png" /></div>
  405. <div class="service-t">
  406. <h3>Packing & clearance for art work</h3>
  407. <p>Secured packing & transportation for art works domestic and abroad.</p>
  408. </div>
  409. </div>
  410. </div>
  411. <div class="col-sm-6">
  412. <div class="service-item">
  413. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service05.png" /></div>
  414. <div class="service-t">
  415. <h3>On-site services</h3>
  416. <p>Pre-show uncrate service and assisting with allocating of the exhibits.</p>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="col-sm-6">
  421. <div class="service-item">
  422. <div class="service-bg"><img class="wow animated zoomIn" data-wow-delay="0.1s" src="../img/service06.png" /></div>
  423. <div class="service-t">
  424. <h3>Customs clearance</h3>
  425. <p>Brokerage for the necessary procedures of import/export customs declaration.</p>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. </section>
  433. <section class="map-title" id="#map-title">
  434. <div class="container">
  435. <div class="row">
  436. <div class="col-md-12 col-xs-12">
  437. <div class="title">
  438. <h2 class="effect">SERVICE AREA</h2>
  439. <h5>EUROTRAN</h5>
  440. </div>
  441. </div>
  442. </div>
  443. </div>
  444. </section>
  445. <div id="map" class="map"> </div>
  446. <section class="contact en" id="contact">
  447. <div class="container">
  448. <div class="row">
  449. <div class="col-md-12 col-xs-12">
  450. <div class="title">
  451. <h2>CONTACT US</h2>
  452. <h5>EUROTRAN</h5>
  453. </div>
  454. </div>
  455. <div class="container2">
  456. <div class="col-md-6 contact-info">
  457. <div class="col-xs-12 contact-info-item contact-info-head wow animated en20170411-1">
  458. <h4>EUROTRAN EXPO SERVICE CO., LTD.<span>Headquarters</span></h4>
  459. <span>
  460. 10F., No.455, Chongyang Rd.,
  461. Nangang Dist., Taipei, Taiwan
  462. </span><br />
  463. <span>TEL:&nbsp;886-2-2785-6000</span>
  464. <span class="info-20170413">FAX:&nbsp;886-2-2785-6701</span>
  465. </div>
  466. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  467. <p>Taipei World Trade Center Office</p>
  468. <span>
  469. Rm. 2C10, No.5, Sec. 5, Hsin Yi Rd., Hsin Yi Dist., Taipei, Taiwan
  470. </span><br />
  471. <span>TEL:&nbsp;886-2-2725-5000</span><br />
  472. </div>
  473. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  474. <p>Nangang Exhibition Center Office</p>
  475. <span>Rm. 0193, No.1, Jingmao 2nd Rd., Nangang Dist., Taipei, Taiwan</span><br />
  476. <span>TEL:&nbsp;886-2-2782-7800</span><br />
  477. </div>
  478. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  479. <p>Kaohsiung Exhibition Center Office</p>
  480. <span>B1, No. 39, Chenggong 2nd Road, Qianzhen Dist., Kaohsiung, Taiwan</span><br />
  481. <span>TEL:&nbsp;886-7-537-7000</span><br />
  482. </div>
  483. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  484. <p>Germany Rep. Office</p>
  485. <span>Hans-Thoma-Str.1  D-14467 Potsdam</span><br />
  486. <span>TEL:&nbsp;49-331-2434-5099</span><br />
  487. </div>
  488. <div class="col-md-12 outside">
  489. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  490. <p>G-Yi International Logistics Co., LTD.</p>
  491. <span>
  492. 10F., No.457, Chongyang Rd.,
  493. Nangang Dist., Taipei, Taiwan
  494. </span><br />
  495. <span>TEL:&nbsp;886-2-2785-7900</span><br />
  496. </div>
  497. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  498. <p>G-Yi International Logistics (Shanghai) Co., LTD.</p>
  499. <span>10F-A1, No. 257 Siping Road, Shanghai 200081, China</span><br />
  500. <span>TEL:&nbsp;86-21-61475581-83</span><br />
  501. </div>
  502. <div class="col-md-6 col-xs-6 contact-info-item wow animated">
  503. <p>GIANT EXPO SERVICE CO., LTD.</p>
  504. <span>
  505. 10F., No.455, Chongyang Rd.,
  506. Nangang Dist., Taipei, Taiwan
  507. </span><br />
  508. <span>TEL:&nbsp;886-2-2785-6000</span><br />
  509. </div>
  510. <!--div class="col-md-6 col-xs-6 contact-info-item wow animated">
  511. <p>Berlin Office (Germany)</p>
  512. <span>(Coming soon)</span>
  513. </div-->
  514. </div>
  515. <div class="col-md-12 mail wow animated"> <a href="mailto:info@eurotran.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>info@eurotran.com</a> </div>
  516. </div>
  517. <div class="col-md-6 contact-form">
  518. <form role="form" id="footer-form" class="wow animated fadeInRight" data-wow-duration="1.5s" data-wow-delay="0.1s">
  519. <div class="form-group has-feedback col-xs-12">
  520. <label class="sr-only" for="name">Cp-Name</label>
  521. <input type="text" class="form-control" id="ucomp" placeholder="Company Name" name="ucomp" />
  522. </div>
  523. <div class="form-group has-feedback col-xs-12">
  524. <label class="sr-only" for="name2">Name</label>
  525. <input type="text" class="form-control" id="uname" placeholder="* Contact Name" name="uname" required="required" />
  526. </div>
  527. <div class="form-group has-feedback col-xs-12">
  528. <label class="sr-only" for="email">Telephone</label>
  529. <input type="tel" class="form-control" id="utel" placeholder="* Tel" name="utel" required="required" />
  530. </div>
  531. <div class="form-group has-feedback col-xs-12">
  532. <label class="sr-only" for="email">Email</label>
  533. <input type="email" class="form-control" id="uemail" placeholder="* E-mail" name="uemail" required="required" />
  534. </div>
  535. <div class="form-group has-feedback col-sm-12">
  536. <label class="sr-only" for="title">Title</label>
  537. <input type="text" class="form-control" id="utitle" placeholder="Subject" name="utitle" />
  538. </div>
  539. <div class="form-group has-feedback col-xs-12 message-box">
  540. <label class="sr-only" for="message">Message</label>
  541. <textarea class="form-control" rows="8" id="umailcontent" placeholder="* Message" name="umailcontent" required="required"></textarea>
  542. </div>
  543. <div class="form-group has-feedback col-sm-6 col-xs-12">
  544. <label class="sr-only">Verification Required</label>
  545. <input name="validcode" type="text" id="validcode" class="form-control" placeholder="Verification Required" />
  546. </div>
  547. <div class="form-group has-feedback col-sm-6 col-xs-12">
  548. <!--<label class="sr-only">請輸入圖形中的文字(不分大小寫,點擊圖片可更新驗證碼)</label>-->
  549. <div class="pwbox">
  550. <a href="javascript: void(0);" id="change_pic"><img id="imgBtnCaptcha" src="/Controller.ashx?action=securityimg&flag=cap1&w=200&h=36" width="200" height="36" /></a>
  551. </div>
  552. </div>
  553. <div class="col-xs-12 wow animated fadeInUp btn-box text-center" data-wow-duration="1s" data-wow-delay="0.5s"><a class="btn" id="sendmail">Send <i class="fa fa-chevron-right btn-o-arrow" aria-hidden="true"></i> </a></div>
  554. </form>
  555. </div>
  556. </div>
  557. </div>
  558. </div>
  559. </section>
  560. <div class="footertop">
  561. <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>
  562. </div>
  563. <footer>
  564. <div class="container">
  565. <div class="row">
  566. <div class="col-md-6 col-xs-12">
  567. <div class="col-md-3 footer-logo logo-item">
  568. <a href="#">
  569. <img src="../img/footer-logo.png" />
  570. </a>
  571. </div>
  572. <div class="col-md-1 logo-item">
  573. <a href="https://www.iela.org/" target="_new">
  574. <img src="../img/logo_side1.png" style="position:relative;top:0px;width:50px;height:36px;" />
  575. </a>
  576. </div>
  577. <div class="col-md-1 logo-item">
  578. </div>
  579. <div class="col-md-1 logo-item">
  580. </div>
  581. <div class="col-md-8">
  582. <div class="footer-icon"><a href="https://www.facebook.com/%E5%A5%95%E9%81%94%E9%81%8B%E9%80%9AEurotran-1267076616744511/" target="_new"><img src="../img/icon-fb.png" /> Facebook</a></div>
  583. <div class="footer-icon"><a href="#" class="wechat"><img src="../img/icon-wechat.png" /> Wechat</a></div>
  584. </div>
  585. </div>
  586. <div class="col-md-6 col-xs-12 text-right">
  587. <div class="lag"><a href="index.html">繁中版 <img src="../img/icon_store.svg" /></a></div>
  588. <div class="lag"><a href="index-cn.html">简中版<img src="../img/icon_store.svg" /></a></div>
  589. <div class="copyright">2017 © EuroTran. All Rights Reserved</div>
  590. </div>
  591. </div>
  592. </div>
  593. </footer>
  594. </div>
  595. <script src="../../Scripts/jquery-1.11.3.min.js"></script>
  596. <script src="../../Scripts/jquery.mobile.custom.min.js"></script>
  597. <script src="../../Scripts/bootstrap.min.js"></script>
  598. <script src="../../Scripts/i18next.min.js"></script>
  599. <script src="../../Scripts/toastr.min.js"></script>
  600. <script src="../../Scripts/jquery.serialize-object.min.js"></script>
  601. <script src="../js/ekko-lightbox.min.js"></script>
  602. <script src="../js/jquery.gotop.min.js"></script>
  603. <script src="../js/jquery-awesomodals.min.js"></script>
  604. <script src="../js/waypoints.min.js"></script>
  605. <script src="../js/jquery.counterup.min.js"></script>
  606. <script src="../js/jquery.easing.min.js"></script>
  607. <script src="../../Scripts/wow.min.js"></script>
  608. <script src="../js/scrolling-nav.js"></script>
  609. <script src="../js/autoSlider.js"></script>
  610. <script src="../../Scripts/jquery.validate.min.js"></script>
  611. <script src="../../Scripts/jquery.blockUI.js"></script>
  612. <script src="../../Scripts/3rd/fancybox/jquery.fancybox.min.js"></script>
  613. <script src="../../Scripts/lib/base64.min.js"></script>
  614. <script src="../../Scripts/lib/Util.min.js?v=20180720"></script>
  615. <script src="../js/sendmail.js"></script>
  616. <script src="../js/listen.js"></script>
  617. <script>
  618. function initMap() {
  619. var locations = [
  620. { lat: 23.5948856, lng: 121.4214155 }, //台灣
  621. { lat: -6.3567715, lng: 145.9033085 }, //巴布亞
  622. { lat: -23.6993532, lng: 133.8713752 }, //澳大利亞
  623. { lat: 26.5604565, lng: 29.6630058 }, //埃及
  624. { lat: 9.5577684, lng: 7.9979073 },//奈及利亞
  625. { lat: 0.1953689, lng: 6.6126343 }, //聖多美普林西比
  626. { lat: -30.6532947, lng: 23.9345003 }, //南非
  627. { lat: -26.6682265, lng: 30.9023096 }, //史瓦濟蘭
  628. { lat: -35.425776, lng: -65.9767868 }, //阿根廷
  629. { lat: -8.5275228, lng: -55.8778956 }, //巴西
  630. { lat: -26.8561446, lng: -71.4021298 },//智利
  631. { lat: 4.1454439, lng: -73.5223993 }, //哥倫比亞
  632. { lat: -23.4611862, lng: -58.4817976 }, //巴拉圭
  633. { lat: -10.1091956, lng: -76.2822092 }, //秘魯
  634. { lat: 19.0426862, lng: -70.2479896 }, //多明尼加
  635. { lat: 57.8807689, lng: -101.6724135 }, //加拿大
  636. { lat: 15.8120328, lng: -90.2990771 }, //瓜地馬拉
  637. { lat: 15.0241668, lng: -87.0039418 }, //宏都拉斯
  638. { lat: 24.6901136, lng: -102.0043495 },//墨西哥
  639. { lat: 12.8889429, lng: -85.0106797 }, //尼加拉瓜
  640. { lat: 8.6024001, lng: -80.2711767 }, //巴拿馬
  641. { lat: 13.8973856, lng: -60.9842968 }, //聖露西亞
  642. { lat: 40.2909474, lng: -101.809408 }, //美國
  643. { lat: 41.6351161, lng: 21.711268 }, //馬其頓
  644. { lat: 39.862204, lng: -3.2344494 }, //西班牙
  645. { lat: 39.1082877, lng: 35.2500578 }, //土耳其
  646. { lat: 42.7024418, lng: 25.1189025 }, //保加利亞
  647. { lat: 43.9394954, lng: 17.6232668 }, //波士尼亞
  648. { lat: 41.1857216, lng: 19.9760582 }, //阿爾巴尼亞
  649. { lat: 49.8766304, lng: 15.1698544 }, //捷克
  650. { lat: 53.2569956, lng: 18.6683763 }, //波蘭
  651. { lat: 47.2047105, lng: 19.5553868 }, //匈牙利
  652. { lat: 62.5290963, lng: 93.8171104 }, //俄羅斯
  653. { lat: 63.0502944, lng: 16.6267692 }, //瑞典
  654. { lat: 57.126913, lng: 26.0037774 }, //拉脫維亞
  655. { lat: 48.8459645, lng: 19.4424029 }, //斯洛伐克
  656. { lat: 51.1676818, lng: 10.4332196 }, //德國
  657. { lat: 46.8463948, lng: 2.4559869 }, //法國
  658. { lat: 55.3430558, lng: -3.3820532 }, //英國
  659. { lat: 43.3089667, lng: 12.3977752 }, //義大利
  660. { lat: 52.2590496, lng: 5.6466364 }, //荷蘭
  661. { lat: 36.086822, lng: 103.4147709 }, //中國
  662. { lat: 36.7191386, lng: 127.858362 }, //韓國
  663. { lat: 37.0092457, lng: 139.8812684, }, //日本
  664. { lat: 4.5928227, lng: 114.6181193 }, //汶萊
  665. { lat: -3.2025712, lng: 121.9791652 }, //印尼
  666. { lat: 4.1650768, lng: 102.0246564 }, //馬來西亞
  667. { lat: 21.778682, lng: 96.5156388 }, //緬甸
  668. { lat: 13.5488787, lng: 122.8379407 }, //菲律賓
  669. { lat: 1.3593895, lng: 103.8616207 }, //新加坡
  670. { lat: 15.5393972, lng: 100.9749041 }, //泰國
  671. { lat: 15.268843, lng: 107.3972625 }, //越南
  672. { lat: 23.6876726, lng: 79.4363431 }, //印度
  673. { lat: 26.0593531, lng: 50.5436515 }, //巴林
  674. { lat: 24.0776844, lng: 45.2586931 }, //沙烏地阿拉伯
  675. { lat: 25.1583957, lng: 55.11235 }, //杜拜
  676. { lat: 24.4631591, lng: 54.3505263 }, //阿布達比
  677. { lat: 31.2373157, lng: 34.6096371 }, //以色列
  678. { lat: 55.153022, lng: 21.6525519 }, //立陶宛
  679. { lat: 53.6330892, lng: 23.4928235 }, //白俄羅斯
  680. ];
  681. var map = new google.maps.Map(document.getElementById('map'), {
  682. center: { lat: 37.6860867, lng: 6.0952041 }, // 地中海
  683. scrollwheel: false,
  684. zoom: 2,
  685. styles: [{ "featureType": "all", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [{ "color": "#444444" }, { "visibility": "on" }] }, { "featureType": "administrative.province", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative", "elementType": "labels.text.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "administrative.country", "elementType": "geometry", "stylers": [{ "visibility": "on" }, { "color": "#ffffff" }] }, { "featureType": "administrative.province", "elementType": "geometry", "stylers": [{ "visibility": "simplified" }] }, { "featureType": "administrative.province", "elementType": "geometry.stroke", "stylers": [{ "visibility": "off" }] }, { "featureType": "landscape", "elementType": "all", "stylers": [{ "color": "#f7f7f7" }, { "visibility": "on" }] }, { "featureType": "poi", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road", "elementType": "all", "stylers": [{ "saturation": -100 }, { "lightness": 45 }, { "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "visibility": "off" }, { "color": "#b5a265" }] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit", "elementType": "all", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit.line", "elementType": "geometry", "stylers": [{ "visibility": "off" }] }, { "featureType": "transit.station.rail", "elementType": "geometry", "stylers": [{ "visibility": "off" }] }, { "featureType": "water", "elementType": "all", "stylers": [{ "color": "#e4e4e4" }, { "visibility": "on" }] }, { "featureType": "water", "elementType": "labels.text", "stylers": [{ "color": "#444444" }] }, { "featureType": "water", "elementType": "labels.text.stroke", "stylers": [{ "color": "#e4e4e4" }, { "visibility": "on" }] }]
  686. });
  687. var markers = locations.map(function (location, i) {
  688. var marker = new google.maps.Marker({
  689. map: map,
  690. position: location,
  691. icon: '../img/eurtoran_lo.png'
  692. });
  693. google.maps.event.addListener(marker, 'dblclick', function () {
  694. map.setZoom(map.getZoom() + 1);
  695. });
  696. return marker;
  697. });
  698. }
  699. $(document).ready(function ($) {
  700. $(document).delegate('*[data-toggle="lightbox"]:not([data-gallery="navigateTo"])', 'click', function (event) {
  701. event.preventDefault(); return $(this).ekkoLightbox({
  702. onShown: function () {
  703. if (window.console) { return console.log('onShown event fired'); }
  704. }, onContentLoaded: function () {
  705. if (window.console) {
  706. return console.log('onContentLoaded event fired');
  707. }
  708. }, onNavigate: function (direction, itemIndex) {
  709. if (window.console) {
  710. return console.log('Navigating ' + direction + '. Current item: ' + itemIndex);
  711. }
  712. }
  713. });
  714. });
  715. $(document).delegate('*[data-gallery="navigateTo"]', 'click', function (event) {
  716. event.preventDefault(); return $(this).ekkoLightbox({
  717. onShown: function () {
  718. var lb = this;
  719. $(lb.modal_content).on('click', '.modal-footer a', function (e) {
  720. e.preventDefault(); lb.navigateTo(2);
  721. });
  722. }
  723. });
  724. });
  725. $('body').scrollspy({ target: '.navbar-fixed-top' })
  726. $('.navbar-collapse ul li a').click(function () {
  727. $('.navbar-toggle:visible').click();
  728. });
  729. $(window).scroll(function () {
  730. if ($(window).scrollTop() >= $('#map').offset().top - $(window).height()) {
  731. $('.effect').each(function () {
  732. $(this).addClass('active');
  733. });
  734. } else {
  735. $('.effect').each(function () {
  736. $(this).removeClass('active');
  737. });
  738. }
  739. });
  740. });
  741. </script>
  742. <script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"></script>
  743. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCs1XHQcUJVaVHdXxKceXLoAcRosoTQhkQ&callback=initMap"></script>
  744. </body>
  745. </html>