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.

194 lines
10 KiB

2 years ago
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="css/default.css" />
  4. <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
  5. <style>
  6. .red-line {
  7. width: 100%;
  8. height: 1px;
  9. background-color: #bc1b21
  10. }
  11. th, td {
  12. border: 1px solid #C9CACA;
  13. font-size: 10px;
  14. border: 1px solid #C9CACA;
  15. text-align: center;
  16. border-collapse: collapse;
  17. }
  18. th {
  19. background-color: #42434A;
  20. padding: 15px;
  21. border: 1px solid #C9CACA;
  22. color: #fff;
  23. }
  24. tb {
  25. border: 1px solid #C9CACA;
  26. padding: 15px;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="row">
  32. <div class="col-md-1 col-sm-1 col-1">
  33. <div class="section-heading center-holder" style="padding-top:300px">
  34. <img src="./img/right.png">
  35. </div>
  36. </div>
  37. <div class="col-md-10 col-sm-10 col-10">
  38. <div class="container"style="padding-top:20px">
  39. <div>
  40. <table style="margin:auto;">
  41. <tr>
  42. <th style="width:10%">序號</th>
  43. <th style="width:10%">填單人</th>
  44. <th style="width:10%">第一次<br />發送時間</th>
  45. <th style="width:10%">第二次<br />發送時間</th>
  46. <th style="width:10%">閱讀狀態</th>
  47. <th style="width:10%">品質均分</th>
  48. <th style="width:10%">效能均分</th>
  49. <th style="width:10%">態度均分</th>
  50. <th style="width:10%">PM均分</th>
  51. <th style="width:10%">PG均分</th>
  52. </tr>
  53. <tr>
  54. <td>1</td>
  55. <td></td>
  56. <td></td>
  57. <td></td>
  58. <td></td>
  59. <td></td>
  60. <td></td>
  61. <td></td>
  62. <td></td>
  63. <td></td>
  64. </tr>
  65. <tr>
  66. <td>2</td>
  67. <td></td>
  68. <td></td>
  69. <td></td>
  70. <td></td>
  71. <td></td>
  72. <td></td>
  73. <td></td>
  74. <td></td>
  75. <td></td>
  76. </tr>
  77. <tr>
  78. <td>3</td>
  79. <td></td>
  80. <td></td>
  81. <td></td>
  82. <td></td>
  83. <td></td>
  84. <td></td>
  85. <td></td>
  86. <td></td>
  87. <td></td>
  88. </tr>
  89. </table>
  90. </div>
  91. </div>
  92. <div class="container" style="padding: 25px;width: 840px;">
  93. <div cass="mt-10">
  94. <div class="section-block-bg"border-color:#C9CACA; padding: 20px 0px;">
  95. <div class="container">
  96. <span style="font-size: 1rem; line-height:1.2rem; font-weight: 900; color: #42434A; Letter-spacing: 1px; text-align:left">
  97. 序號1<br/>
  98. 填單人:
  99. </span>
  100. <div class="mt-20"></div>
  101. <!--標題 開始-->
  102. <div class="row" style="background-color: #bc1b21">
  103. <div class="col-md-4 col-sm-4 col-4">
  104. <div style="width:90%;margin:0px auto">
  105. <img src="./img/logo-01.png">
  106. </div>
  107. </div>
  108. <div class="col-md-8 col-sm-8 col-8 text-left d-flex align-items-center">
  109. <span style="font-size: 1.2rem;font-weight: 700; color: #FFF; Letter-spacing: 1px; text-align:left;">
  110. 顧客滿意度 調查表
  111. </span>
  112. </div>
  113. </div>
  114. <!--標題 結束-->
  115. <!--內文 開始-->
  116. <div class="section-heading left-holder" style="padding:20px 10px 0px 10px">
  117. <span style="font-size: 1rem; line-height: 3rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left">
  118. 親愛的
  119. </span>
  120. <span style="font-size: 1rem; line-height:3rem; font-weight: 900; color: #42434A; Letter-spacing: 1px; text-align:left">
  121. 購好康揪團購商行
  122. </span>
  123. <span style="font-size: 1rem; line-height:3rem; font-weight:700; color: #42434A; Letter-spacing: 1px; text-align:left">
  124. 您好:
  125. </span>
  126. <br>
  127. <span style="font-size:0.8rem; line-height: 1.6rem; font-weight: 500; color: #42434A; Letter-spacing:1.5px; text-align:left">
  128. &emsp;&emsp;感謝你與元赫科技近期內的合作及共同開發等項目,為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目,為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目,為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目,為了解顧客對於實際與您接洽之同仁的服務品質。
  129. </span>
  130. <div class="row mt-20" style="padding-bottom:20px">
  131. <div class="col-md-4 col-sm-4 col-4">
  132. <span style="font-size:0.8rem;line-height:1.1rem;font-weight:500;color:#fff;Letter-spacing:2px;text-align: left;background-color:#bc1b21;padding:5px;float:left;">
  133. 專責專案經理
  134. </span>
  135. <span style="font-size:1rem; line-height: 1.5rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left;float:left;">
  136. &emsp;張雅惠
  137. </span>
  138. </div>
  139. <div class="col-md-8 col-sm-8 col-8">
  140. <span style="font-size:0.8rem;line-height:1.1rem;font-weight:500;color:#fff;Letter-spacing:2px;text-align: left;background-color:#bc1b21;padding:5px;float:left;">
  141. 程式工程師
  142. </span>
  143. <span style="font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left;float:left;">
  144. &emsp;林惟晟、張仁豪、吳文孝
  145. </span>
  146. </div>
  147. </div>
  148. </div>
  149. <!--內文 結束-->
  150. <!--服務品質 內容結束-->
  151. <!--頁尾 開始-->
  152. <div class="row mt-10">
  153. <div class="col-md-3 col-sm-3 col-3" style="padding:10px">
  154. <div style="background-color:#bc1b21;position:absolute;width:100%;height:2px;bottom:0px;left:0px;"></div>
  155. </div>
  156. <div class="col-md-6 col-sm-6 col-6">
  157. <div class="section-heading center-holder">
  158. <span style="font-size: 0.7rem; line-height: 1rem; font-weight: 500; color: #42434A; Letter-spacing: 1px; text-align:center">
  159. 您的回覆及建議.將成為我們更好互動的基石
  160. </span>
  161. </div>
  162. </div>
  163. <div class="col-md-3 col-sm-3 col-3" style="padding:10px">
  164. <div style="background-color:#bc1b21;position:absolute;width:100%;height:1px;bottom:0px;left:0px;"></div>
  165. </div>
  166. <div class="col-md-12 col-sm-12 col-12">
  167. <div class="mt-20">
  168. <div class="section-heading center-holder">
  169. <div style="background-color: #bc1b21;position:absolute;width:100%;height:15px;bottom:0px;left:0px;">
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. <!--頁尾 結束-->
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="col-md-1 col-sm-1 col-1">
  182. <div class="section-heading center-holder " style="padding-top:300px">
  183. <img src="./img/left.png">
  184. </div>
  185. </div>
  186. </div>
  187. </body>
  188. </html>