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.

96 lines
5.3 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. .ekko-lightbox-nav-overlay {
  6. display: block !important;
  7. }
  8. .glyphicon-chevron-left, .glyphicon-chevron-right {
  9. font: normal normal normal 14px/1 FontAwesome;
  10. }
  11. .glyphicon-chevron-left:before {
  12. content: "\f053";
  13. }
  14. .glyphicon-chevron-right:before {
  15. content: "\f054";
  16. right: 20px;
  17. }
  18. .popup-page .popup-title {
  19. max-width: 750px;
  20. }
  21. @media only screen and (max-width: 600px) {
  22. .popup-page .popup-title {
  23. font-size: 24px;
  24. margin-bottom: 8px;
  25. line-height: 1.18;
  26. }
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="wrapper">
  32. <div class="popup-page">
  33. <div class="popup-banner">
  34. <div class="popup-title">
  35. <div class="container">
  36. <div class="row">
  37. <div class="title">
  38. <h2>The Official Freight Forwarder Appointed by Taitra</h2>
  39. <h5>Global Logistics</h5>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <img src="../img/popup01.jpg" /> <img class="white-clip-path" src="../img/white-clip-path.png" />
  45. </div>
  46. <div class="container popup-detail">
  47. <div class="row">
  48. <div class="col-xs-12">
  49. <h3>Appointed by Taitra for 20 consecutive years as the international logistics contractor, by 2017.</h3>
  50. <p>Eurotran started out specializing in customs brokerage and transportation, building a robust reputation for its reliability and expertise. By 2017, it has been appointed by Taitra as the official freight forwarder of Taipei Trade Shows for 20 consecutive years since 1998.</p>
  51. <h3>A long-term partnership with Taitra lies in mutual trust.</h3>
  52. <p>The foundation of such mutual trust lies in excellent service and reliable expertise provided by Eurotran over the years. Taitra organizes over 30 international mega-scale exhibitions annually with exhibitors coming from both domestic and abroad. </p>
  53. <p>Over the 20 years, Eurotran has accumulated rich experience in the transportation of exhibit goods for a series of Taiwan’s most representative mega-sized exhibitions, including Computex, Timtos, Taiwan Cycle Show….etc.</p>
  54. <figure>
  55. <img style="width:100%" src="../img/case1-1-4.jpg" />
  56. <figcaption> Global Logistics</figcaption>
  57. </figure>
  58. <figure>
  59. <img style="width:100%" src="../img/case1-1-5.jpg" />
  60. <figcaption> Global Logistics</figcaption>
  61. </figure>
  62. <h3>One-stop service ensuring high quality display at exhibition site</h3>
  63. <p style="margin-bottom: 20px;">Eurotran plays a crucial role in assisting exhibitors attending international trade shows, with its offices and warehouse facilities in the TWTC Exhibition Center and Taipei Nangang Exhibition Center.</p>
  64. <p>Eurotran is capable of providing one-stop door-to-door service integrating global logistics, customs clearance, heavy-lifting and customized on-site and display of exhibits on a real-time basis.</p>
  65. <figure>
  66. <img style="width:100%" src="../img/case1-1-6.jpg" />
  67. <figcaption> Global Logistics</figcaption>
  68. </figure>
  69. <!--div id="notebooks" class="ng-scope-list"> <span class="ng-title">與外貿協會合作 代表性展會列表</span>
  70. <ul id="notebook_ul">
  71. <li class="ng-scope ng-binding"> 台北國際工具機展<br>
  72. <span>Taipei Int'l Machine Tool Show</span> </li>
  73. <li class="ng-scope ng-binding"> 台北國際電腦展<br>
  74. <span>Computex Taipei</span> </li>
  75. <li class="ng-scope ng-binding"> 台北國際自行車展覽會<br>
  76. <span>Taipei Cycle</span> </li>
  77. <li class="ng-scope ng-binding"> 世界新車大展<br>
  78. <span>Taipei International Auto Show</span> </li>
  79. <li class="ng-scope ng-binding"> 台北國際塑橡膠工業展<br>
  80. <span>Taipei Plas</span> </li>
  81. </ul>
  82. </div-->
  83. </div>
  84. <div class="col-xs-12 text-center">
  85. <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="margin-top: 20px;">CL<i class="fa fa-times-circle-o" aria-hidden="true"></i>SE</button>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </body>
  92. </html>