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.

149 lines
6.5 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. }
  57. .ng-scope span span {
  58. color: #888;
  59. margin-left: 5px;
  60. }
  61. @media (max-width: 600px) {
  62. .ng-scope span {
  63. width: 100%;
  64. }
  65. }
  66. .experience {
  67. position: absolute;
  68. left: -70px;
  69. font-size: 20px;
  70. text-align: right;
  71. top: 2em;
  72. color: #ababab;
  73. font-weight: bold;
  74. font-family: 'Maven Pro', sans-serif,'微軟正黑體';
  75. transform: rotate(-90deg);
  76. z-index: 1;
  77. transform: rotate(0deg);
  78. left: 0;
  79. top: 0;
  80. position: relative;
  81. text-align: left;
  82. margin-bottom: 0px !important;
  83. }
  84. </style>
  85. </head>
  86. <body>
  87. <div class="wrapper">
  88. <div class="popup-page">
  89. <div class="popup-banner">
  90. <div class="popup-title">
  91. <div class="container">
  92. <div class="row">
  93. <div class="title">
  94. <h2>新車大展</h2>
  95. <h5>經典案例</h5>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. <img src="../img/case01.jpg" /> <img class="white-clip-path" src="../img/white-clip-path.png" />
  101. </div>
  102. <div class="container popup-detail">
  103. <div class="row">
  104. <div class="col-xs-12" style="position:relative">
  105. <p class="experience">參展經驗 Experience.</p>
  106. <div class="ng-scope">
  107. <span>台北新車大展<span>TAIPEI AUTO SHOW</span></span>
  108. <span>古董車展<span>The Shining Silver Star Exhibition by Mercedes-Benz Classic</span></span>
  109. <span>超跑展示<span>F1、Honda、Bugatti Chiron demo</span></span>
  110. <span>中國市調車巡展<span>Market Research car demo tour in China</span></span>
  111. <span>法國巴黎國際汽車零配件展<span>EQUIP'AUTO</span></span>
  112. <span>慕尼黑電動車展<span>eCarTec Munich</span></span>
  113. </div>
  114. <p>車展主要由各國汽車製造公司參與,在展會中展出所開發的汽車產品,或相關的新技術、零配件、概念車或賽車。在展覽中媒體與消費者可經由汽車展覽會場所展示的汽車或汽車相關產品,端詳汽車製造工業的發展動向與時代脈動。</p>
  115. <p>「沒有高超的技術,就沒有無懈可擊的完美」。各類型的超跑高階精緻車款,如何在有限的空間環境及工具輔助,讓車體能無微不至進行搬移,最終完美展示,再再考驗經驗及技術。超跑類型車款,配合車展上不同的特殊擺置需求,如:高吊、斜坡等等,都需要靠奕達累積多年的經驗,運用智慧方法搬移定位,量身打造一個完美的展示舞台。 </p>
  116. <figure>
  117. <img style="width:100%" src="../img/case1-1-7.jpg" />
  118. <figcaption>新車大展</figcaption>
  119. </figure>
  120. <p>奕達曾處理各類型的車展業務,其中因古董車的單一獨有性,讓古董車在運送的過程,更需要精細的技巧來執行。古董車比一般的車體更為脆弱,不僅無重力,車體底盤低,每輛車的重心位置也都不盡相同,進退場需要注意的細節甚多,需要用人力慢慢推動至定點,小心輕放搬移,操作比一般貨品更為仔細;避免在進退場碰撞的傷害,特別是車身的包裝上,為避免有任何閃失,需搭配層層設計的包裝措施,每一個細節都要再三確認,考驗團隊整體控場的流暢度,在緊迫的時間及環境下順利完成佈場工作。</p>
  121. <figure>
  122. <img style="width:100%" src="../img/case1-1-1.jpg" />
  123. <figcaption>新車大展</figcaption>
  124. </figure>
  125. <figure>
  126. <img style="width:100%" src="../img/case1-1-3.jpg" />
  127. <figcaption>新車大展</figcaption>
  128. </figure>
  129. <figure>
  130. <img style="width:100%" src="../img/case2-1-1.jpg" />
  131. <figcaption>新車大展</figcaption>
  132. </figure>
  133. </div>
  134. <div class="col-xs-12 text-center">
  135. <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>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </body>
  142. </html>