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.

248 lines
14 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. 序號3<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="row">
  117. <div class="col-md-12 col-sm-12 col-12">
  118. <div class="section-heading center-holder">
  119. <div style="background-color:#C9CACA;position:absolute;width:100%;height:35px;bottom:-40px;left:0px;">
  120. <span style="font-size: 1.2rem; line-height: 2rem; font-weight: 700; color: #fff; Letter-spacing: 1px; text-align:center">
  121. 開發效能
  122. </span>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="col-md-12 col-sm-12 col-12">
  127. <div class="mt-5">
  128. <div style="background-color:#C9CACA;position:absolute;width:100%;height:3px;bottom:0px;left:0px;">
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <!--開發效能 標題結束-->
  134. <!--開發效能 內容開始-->
  135. <div style="padding:40px 20px 35px 20px">
  136. <div class="row">
  137. <div class="col-md-1 col-sm-1 col-1" style="padding-bottom:10px">
  138. <span style="font-size:0.8rem;line-height:1.2rem;font-weight:500;color:#fff;Letter-spacing:2px;text-align: left;background-color:#bc1b21;padding:1px 10px 1px 10px;float:left;">
  139. 01
  140. </span>
  141. </div>
  142. <div class="col-md-11 col-sm-11 col-11">
  143. <div class="section-heading left-holder">
  144. <span style="font-size: 1rem; line-height: 1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 2px; text-align:left">
  145. 近一季以來,您對《元赫科技》的整體品質滿意度為:
  146. </span><br>
  147. <span style="font-size: 0.9rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 2px; text-align:left">
  148. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  149. </span>
  150. </div>
  151. </div>
  152. </div>
  153. <div class="row">
  154. <div class="col-md-1 col-sm-1 col-1">
  155. <span style="font-size:0.8rem;line-height:1.2rem;font-weight:500;color:#fff;Letter-spacing:2px;text-align: left;background-color:#bc1b21;padding:1px 10px 1px 10px;float:left;">
  156. 02
  157. </span>
  158. </div>
  159. <div class="col-md-11 col-sm-11 col-11">
  160. <div class="section-heading left-holder">
  161. <span style="font-size: 1rem; line-height: 1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left">
  162. 您是否同意近期的程式開發品質較為優良?
  163. </span><br>
  164. <span style="font-size: 0.9rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  165. ○ 是 ○ 否
  166. </span>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="row">
  171. <div class="col-md-1 col-sm-1 col-1">
  172. <span style="font-size:0.8rem;line-height:1.2rem;font-weight:500;color:#fff;Letter-spacing:2px;text-align: left;background-color:#bc1b21;padding:1px 10px 1px 10px;float:left;">
  173. 03
  174. </span>
  175. </div>
  176. <div class="col-md-11 col-sm-11 col-11">
  177. <div class="section-heading left-holder">
  178. <span style="font-size: 1rem; line-height: 1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left">
  179. 您對系統分析師近期對於專案需求分析、設計的品質滿意度為:
  180. </span><br>
  181. <span style="font-size: 0.9rem; line-height:2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  182. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  183. </span>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="row">
  188. <div class="col-md-1 col-sm-1 col-1">
  189. <span style="font-size:0.8rem;line-height:1.2rem;font-weight:500;color:#fff;Letter-spacing:2px;text-align: left;background-color:#bc1b21;padding:1px 10px 1px 10px;float:left;">
  190. 04
  191. </span>
  192. </div>
  193. <div class="col-md-11 col-sm-11 col-11">
  194. <div class="section-heading left-holder">
  195. <span style="font-size: 1rem; line-height: 1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left">
  196. 您對於近期《元赫科技》所開發的程式其整體穩定度評價為:
  197. </span><br>
  198. <span style="font-size: 0.9rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  199. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  200. </span>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. <!--開發效能 內容結束-->
  206. <!--頁尾 開始-->
  207. <div class="row mt-10">
  208. <div class="col-md-3 col-sm-3 col-3" style="padding:10px">
  209. <div style="background-color:#bc1b21;position:absolute;width:100%;height:2px;bottom:0px;left:0px;"></div>
  210. </div>
  211. <div class="col-md-6 col-sm-6 col-6">
  212. <div class="section-heading center-holder">
  213. <span style="font-size: 0.7rem; line-height: 1rem; font-weight: 500; color: #42434A; Letter-spacing: 1px; text-align:center">
  214. 您的回覆及建議.將成為我們更好互動的基石
  215. </span>
  216. </div>
  217. </div>
  218. <div class="col-md-3 col-sm-3 col-3" style="padding:10px">
  219. <div style="background-color:#bc1b21;position:absolute;width:100%;height:1px;bottom:0px;left:0px;"></div>
  220. </div>
  221. <div class="col-md-12 col-sm-12 col-12">
  222. <div class="mt-20">
  223. <div class="section-heading center-holder">
  224. <div style="background-color: #bc1b21;position:absolute;width:100%;height:15px;bottom:0px;left:0px;">
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230. <!--頁尾 結束-->
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. <div class="col-md-1 col-sm-1 col-1">
  237. <div class="section-heading center-holder " style="padding-top:300px">
  238. <img src="./img/left.png">
  239. </div>
  240. </div>
  241. </div>
  242. </body>
  243. </html>