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.

150 lines
6.2 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-detail {
  19. background: #FFF;
  20. }
  21. /*.ng-scope-list{
  22. width: 100%;
  23. padding: 0;
  24. border: none;
  25. background: transparent;}
  26. .notebook_ul{
  27. overflow: auto;
  28. zoom: 1;
  29. margin:5px 0 50px 30px
  30. }*/
  31. .ng-scope {
  32. /*float: left;
  33. clear: left;*/
  34. width: 100%;
  35. margin: 0.2em 0;
  36. padding: 0.5em 0.8em;
  37. list-style: none;
  38. background-color: #ffebdd;
  39. border-left: 5px solid #ec681e;
  40. cursor: pointer;
  41. color: #333;
  42. position: relative;
  43. z-index: 2;
  44. font-size: 15px;
  45. text-align: left;
  46. border-radius: 0 5px 5px 0;
  47. line-height: 1.7;
  48. margin-bottom: 40px;
  49. }
  50. .ng-scope span {
  51. width: 100%;
  52. display: inline-block;
  53. padding-left: 2%;
  54. font-size: 14px;
  55. font-weight: normal;
  56. text-transform: uppercase;
  57. }
  58. .ng-scope span span {
  59. color: #888;
  60. margin-left: 5px;
  61. }
  62. @media (max-width: 600px) {
  63. .ng-scope span {
  64. width: 100%;
  65. }
  66. }
  67. .experience {
  68. position: absolute;
  69. left: -70px;
  70. font-size: 20px;
  71. text-align: right;
  72. top: 2em;
  73. color: #ababab;
  74. font-weight: bold;
  75. font-family: 'Maven Pro', sans-serif,'微軟正黑體';
  76. transform: rotate(-90deg);
  77. z-index: 1;
  78. transform: rotate(0deg);
  79. left: 0;
  80. top: 0;
  81. position: relative;
  82. text-align: left;
  83. margin-bottom: 0px !important;
  84. }
  85. </style>
  86. </head>
  87. <body>
  88. <div class="wrapper">
  89. <div class="popup-page">
  90. <div class="popup-banner">
  91. <div class="popup-title">
  92. <div class="container">
  93. <div class="row">
  94. <div class="title">
  95. <h2>Auto Shows</h2>
  96. <h5>CLASSIC CASES</h5>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <img src="../img/case01.jpg" /> <img class="white-clip-path" src="../img/white-clip-path.png" />
  102. </div>
  103. <div class="container popup-detail">
  104. <div class="row">
  105. <div class="col-xs-12" style="position:relative">
  106. <p class="experience">Experience.</p>
  107. <div class="ng-scope">
  108. <span>TAIPEI AUTO SHOW</span></span>
  109. <span>The Shining Silver Star Exhibition by Mercedes-Benz Classic</span>
  110. <span>F1、Honda、Bugatti Chiron demo</span>
  111. <span>Market Research car demo tour in China</span>
  112. <span>EQUIP'AUTO</span>
  113. <span>eCarTec Munich</span>
  114. </div>
  115. <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, the media and the consumer can discover current design trends and foresee future design directions. </p>
  116. <p>"Superior techniques ensure display perfection." Abundant experience and highly sophisticated techniques are required to display a high class racing car. Each car has unique requirements for display, be it sitting on a flat stage, hanging mid-air, or standing on a slope in a limited space, all of which require specific assisting tools to display it on a strong and stable stage for safe demonstration. </p>
  117. <figure>
  118. <img style="width:100%" src="../img/case1-1-7.jpg" />
  119. <figcaption>Auto Shows</figcaption>
  120. </figure>
  121. <p>Eurotran has abundant experience carrying out specialized tasks for clients participating in auto shows. For example, the shipping and land transportation of antique cars require expertise for moving to and from the show ground. The fragility of an antique car requires higher degree of attention from our logistics experts. Each antique car is carefully hand pushed, rather than driven, to avoid damage. The antique car body is also packed using special materials prior to delivery. Eurotran is able to consult, plan and execute such requirements in an efficient and reliable manner.</p>
  122. <figure>
  123. <img style="width:100%" src="../img/case1-1-1.jpg" />
  124. <figcaption>Auto Shows</figcaption>
  125. </figure>
  126. <figure>
  127. <img style="width:100%" src="../img/case1-1-3.jpg" />
  128. <figcaption>Auto Shows</figcaption>
  129. </figure>
  130. <figure>
  131. <img style="width:100%" src="../img/case2-1-1.jpg" />
  132. <figcaption>Auto Shows</figcaption>
  133. </figure>
  134. </div>
  135. <div class="col-xs-12 text-center">
  136. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">CL<i class="fa fa-times-circle-o" aria-hidden="true"></i>SE</button>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </body>
  143. </html>