HarveyChou
/
Origtek_Noe
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
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.
9 Commits
1 Branch
0 Tags
6.3 GiB
Tree: 0608b6df3d
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '0608b6df3d'
${ noResults }
Origtek_Noe/03網頁設計&使用者介面/04.元赫系統/20211125-元赫_意見調.../意見調查表 手機板.html

503 lines
23 KiB
Raw Normal View History

add 03
3 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. .main{
  7. font-size:15px;
  8. }
  10. .red-line {
  11. width: 100%;
  12. height: 1px;
  13. background-color: #bc1b21
  14. }
  16. .inside-text {
  17. font-size:0.8rem;
  18. line-height:2rem;
  19. color:#42434A;
  20. Letter-spacing:1px;
  21. text-align:left;
  22. }
  23. .Article-text {
  24. font-size: calc(var(--text-font-size) * var(--text-font-fix));
  25. line-height: 1.4rem;
  26. color: #42434A;
  27. Letter-spacing: 1px;
  28. text-align: left;
  29. }
  30. .Label-text {
  31. font-size: calc(var(--text-font-size) * var(--text-font-fix));
  32. line-height: 1.1rem;
  33. font-weight: 500;
  34. color: #fff;
  35. Letter-spacing: 2px;
  36. text-align: left;
  37. background-color: #bc1b21;
  38. padding: 5px;
  39. float: left;
  40. }
  41. .Name-text {
  42. font-size: .8rem;
  43. line-height: 1.5rem;
  44. font-weight: 700;
  45. color: #42434A;
  46. Letter-spacing: 1px;
  47. text-align: left;
  48. float: left;
  49. }
  50. .title-text {
  51. font-size: calc(var(--text-font-size) * var(--text-font-fix));
  52. line-height: 2rem;
  53. font-weight: 700;
  54. color: #fff;
  55. Letter-spacing: 1px;
  56. text-align: center
  57. }
  58. .topic-text {
  59. font-size: var(--text-font-fix);
  60. line-height: 1.1rem;
  61. font-weight: 700;
  62. color: #42434A;
  63. Letter-spacing: 2px;
  64. text-align: left
  65. }
  66. @media (max-width: 560px) {
  67. .main {
  68. font-size: 20px;
  69. }
  70. }
  72. @media (min-width: 561px) and (max-width: 800px) {
  73. .main {
  74. font-size: 18px;
  75. }
  76. }
  78. @media (max-width: 560px) {
  79. .Article-text {
  80. font-size: calc(var(--text-font-size400) * var(--text-font-fix));
  81. }
  82. }
  84. @media (min-width: 561px) and (max-width: 800px) {
  85. .Article-text {
  86. font-size: calc(var(--text-font-size800) * var(--text-font-fix));
  87. }
  88. }
  90. @media (max-width: 560px) {
  91. .Label-text {
  92. font-size: calc(var(--text-font-size400) * var(--text-font-fix));
  93. }
  94. }
  96. @media (min-width: 561px) and (max-width: 800px) {
  97. .Label-text {
  98. font-size: calc(var(--text-font-size800) * var(--text-font-fix));
  99. }
  100. }
  101. @media (max-width: 560px) {
  102. .Name-text {
  103. font-size: calc(var(--text-font-size400) * var(--text-font-fix));
  104. }
  105. }
  107. @media (min-width: 561px) and (max-width: 800px) {
  108. .Name-text {
  109. font-size: calc(var(--text-font-size800) * var(--text-font-fix));
  110. }
  111. }
  113. @media (max-width: 560px) {
  114. .topic-text {
  115. font-size: calc(var(--text-font-size400) * var(--text-font-fix));
  116. }
  117. }
  119. @media (min-width: 561px) and (max-width: 800px) {
  120. .topic-text {
  121. font-size: calc(var(--text-font-size800) * var(--text-font-fix));
  122. }
  123. }
  124. </style>
  125. </head>
  126. <body>
  127. <div class="section-block-bg main" style="padding: 0px 0px 20px 0px;">
  128. <div class="container">
  129. <!--標題 開始-->
  130. <div class="row" style="background-color: #bc1b21">
  131. <div class="col-md-5 col-sm-5 col-5">
  132. <img src="./img/logo-01.png">
  133. </div>
  134. <div class="col-md-7 col-sm-7 col-7 text-left d-flex align-items-center">
  135. <span style="font-size: 2.5rem;font-weight: 700; color: #FFF; Letter-spacing: 1px; text-align:left;">
  136. 顧客滿意度 調查表
  137. </span>
  138. </div>
  139. </div>
  140. <!--標題 結束-->
  141. <!--內文 開始-->
  142. <div class="section-heading left-holder" style="padding:20px 10px 0px 10px">
  143. <span class="inside-text" style="font-weight: 700;">
  144. 親愛的
  145. </span>
  146. <span class="inside-text" style="font-weight: 900;">
  147. 購好康揪團購商行
  148. </span>
  149. <span class="inside-text" style="font-weight:700;">
  150. 您好：
  151. </span>
  152. <br>
  153. <span class="Article-text">
  154. &emsp;&emsp;感謝你與元赫科技近期內的合作及共同開發等項目，為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目，為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目，為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目，為了解顧客對於實際與您接洽之同仁的服務品質。
  155. </span>
  156. <div class="row mt-30" style="padding-bottom:30px">
  157. <div class="col-md-4 col-sm-4 col-4">
  158. <span class="Label-text">
  159. 專責專案經理
  160. </span>
  161. <span class="Name-text">
  162. &emsp;張雅惠
  163. </span>
  164. </div>
  165. <div class="col-md-8 col-sm-8 col-8">
  166. <span class="Label-text">
  167. 程式工程師
  168. </span>
  169. <span class="Name-text">
  170. &emsp;林惟晟、張仁豪、吳文孝
  171. </span>
  172. </div>
  173. </div>
  174. </div>
  175. <!--內文 結束-->
  176. <!--程式品質 標題開始-->
  177. <div class="row">
  178. <div class="col-md-12 col-sm-12 col-12">
  179. <div class="section-heading center-holder">
  180. <div style="background-color:#C9CACA;position:absolute;width:100%;height:35px;bottom:-40px;left:0px;">
  181. <span class="title-text">
  182. 程式品質
  183. </span>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="col-md-12 col-sm-12 col-12">
  188. <div class="mt-5">
  189. <div style="background-color:#C9CACA;position:absolute;width:100%;height:3px;bottom:0px;left:0px;">
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <!--程式品質 標題結束-->
  195. <!--程式品質 內容開始-->
  196. <div style="padding:40px 20px 35px 20px">
  197. <div class="row">
  198. <div class="col-md-1 col-sm-1 col-1" style="padding-bottom:10px">
  199. <span class="Label-text" style="padding:1px 10px 1px 10px">
  200. 01
  201. </span>
  202. </div>
  203. <div class="col-md-11 col-sm-11 col-11">
  204. <div class="section-heading left-holder">
  205. <span class="topic-text">
  206. 近一季以來，您對《元赫科技》的整體品質滿意度為：
  207. </span><br>
  208. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 2px; text-align:left">
  209. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  210. </span>
  211. </div>
  212. </div>
  213. </div>
  214. <div class="row">
  215. <div class="col-md-1 col-sm-1 col-1">
  216. <span class="Label-text" style="padding:1px 10px 1px 10px">
  217. 02
  218. </span>
  219. </div>
  220. <div class="col-md-11 col-sm-11 col-11">
  221. <div class="section-heading left-holder">
  222. <span class="topic-text">
  223. 您是否同意近期的程式開發品質較為優良？
  224. </span><br>
  225. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  226. ○ 是 ○ 否
  227. </span>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="row">
  232. <div class="col-md-1 col-sm-1 col-1">
  233. <span class="Label-text" style="padding:1px 10px 1px 10px">
  234. 03
  235. </span>
  236. </div>
  237. <div class="col-md-11 col-sm-11 col-11">
  238. <div class="section-heading left-holder">
  239. <span class="topic-text">
  240. 您對系統分析師近期對於專案需求分析、設計的品質滿意度為：
  241. </span><br>
  242. <span style="font-size: 1rem; line-height:2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  243. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  244. </span>
  245. </div>
  246. </div>
  247. </div>
  248. <div class="row">
  249. <div class="col-md-1 col-sm-1 col-1">
  250. <span class="Label-text" style="padding:1px 10px 1px 10px">
  251. 04
  252. </span>
  253. </div>
  254. <div class="col-md-11 col-sm-11 col-11">
  255. <div class="section-heading left-holder">
  256. <span class="topic-text">
  257. 您對於近期《元赫科技》所開發的程式其整體穩定度評價為：
  258. </span><br>
  259. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  260. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  261. </span>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. <!--程式品質 內容結束-->
  267. <!--開發效能 標題開始-->
  268. <div class="row">
  269. <div class="col-md-12 col-sm-12 col-12">
  270. <div class="section-heading center-holder">
  271. <div style="background-color:#C9CACA;position:absolute;width:100%;height:35px;bottom:-40px;left:0px;">
  272. <span class="title-text">
  273. 開發效能
  274. </span>
  275. </div>
  276. </div>
  277. </div>
  278. <div class="col-md-12 col-sm-12 col-12">
  279. <div class="mt-5">
  280. <div style="background-color:#C9CACA;position:absolute;width:100%;height:3px;bottom:0px;left:0px;">
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. <!--開發效能 標題結束-->
  286. <!--開發效能 內容開始-->
  287. <div style="padding:40px 20px 35px 20px">
  288. <div class="row">
  289. <div class="col-md-1 col-sm-1 col-1">
  290. <span class="Label-text" style="padding:1px 10px 1px 10px">
  291. 05
  292. </span>
  293. </div>
  294. <div class="col-md-11 col-sm-11 col-11">
  295. <div class="section-heading left-holder">
  296. <span class="topic-text">
  297. 近一季以來，您對《元赫科技》的整體品質滿意度為：
  298. </span><br>
  299. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  300. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  301. </span>
  302. </div>
  303. </div>
  304. </div>
  305. <div class="row">
  306. <div class="col-md-1 col-sm-1 col-1">
  307. <span class="Label-text" style="padding:1px 10px 1px 10px">
  308. 06
  309. </span>
  310. </div>
  311. <div class="col-md-11 col-sm-11 col-11">
  312. <div class="section-heading left-holder">
  313. <span class="topic-text">
  314. 您是否同意近期的程式開發品質較為優良？
  315. </span><br>
  316. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  317. ○ 是 ○ 否
  318. </span>
  319. </div>
  320. </div>
  321. </div>
  322. <div class="row">
  323. <div class="col-md-1 col-sm-1 col-1">
  324. <span class="Label-text" style="padding:1px 10px 1px 10px">
  325. 07
  326. </span>
  327. </div>
  328. <div class="col-md-11 col-sm-11 col-11">
  329. <div class="section-heading left-holder">
  330. <span class="topic-text">
  331. 您對系統分析師近期對於專案需求分析、設計的品質滿意度為：
  332. </span><br>
  333. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  334. ○ 是 ○ 否
  335. </span>
  336. </div>
  337. </div>
  338. </div>
  339. <div class="row">
  340. <div class="col-md-1 col-sm-1 col-1">
  341. <span class="Label-text" style="padding:1px 10px 1px 10px">
  342. 08
  343. </span>
  344. </div>
  345. <div class="col-md-11 col-sm-11 col-11">
  346. <div class="section-heading left-holder">
  347. <span class="topic-text">
  348. 您對於近期《元赫科技》所開發的程式其整體穩定度評價為：
  349. </span><br>
  350. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  351. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  352. </span>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. <!--開發效能 內容結束-->
  358. <!--服務品質 標題開始-->
  359. <div class="row">
  360. <div class="col-md-12 col-sm-12 col-12">
  361. <div class="section-heading center-holder">
  362. <div style="background-color:#C9CACA;position:absolute;width:100%;height:35px;bottom:-40px;left:0px;">
  363. <span class="title-text">
  364. 服務品質
  365. </span>
  366. </div>
  367. </div>
  368. </div>
  369. <div class="col-md-12 col-sm-12 col-12">
  370. <div class="mt-5">
  371. <div style="background-color:#C9CACA;position:absolute;width:100%;height:3px;bottom:0px;left:0px;">
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. <!--服務品質 標題結束-->
  377. <!--服務品質 內容開始-->
  378. <div style="padding:40px 20px 35px 20px">
  379. <div class="row">
  380. <div class="col-md-1 col-sm-1 col-1">
  381. <span class="Label-text" style="padding:1px 10px 1px 10px">
  382. 09
  383. </span>
  384. </div>
  385. <div class="col-md-11 col-sm-11 col-11">
  386. <div class="section-heading left-holder">
  387. <span class="topic-text">
  388. 近一季以來，您對《元赫科技》的整體品質滿意度為：
  389. </span><br>
  390. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  391. ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
  392. </span>
  393. </div>
  394. </div>
  395. </div>
  396. <div class="row">
  397. <div class="col-md-1 col-sm-1 col-1">
  398. <span class="Label-text" style="padding:1px 10px 1px 10px">
  399. 10
  400. </span>
  401. </div>
  402. <div class="col-md-11 col-sm-11 col-11">
  403. <div class="section-heading left-holder">
  404. <span class="topic-text">
  405. 您是否同意近期的程式開發品質較為優良？
  406. </span><br>
  407. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  408. ○ 是 ○ 否
  409. </span>
  410. </div>
  411. </div>
  412. </div>
  413. <div class="row">
  414. <div class="col-md-1 col-sm-1 col-1">
  415. <span class="Label-text" style="padding:1px 10px 1px 10px">
  416. 11
  417. </span>
  418. </div>
  419. <div class="col-md-11 col-sm-11 col-11">
  420. <div class="section-heading left-holder">
  421. <span class="topic-text">
  422. 您對系統分析師近期對於專案需求分析、設計的品質滿意度為：
  423. </span><br>
  424. <span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
  425. ○ 是 ○ 否
  426. </span>
  427. </div>
  428. </div>
  429. </div>
  430. <div class="row">
  431. <div class="col-md-1 col-sm-1 col-1">
  432. <span style="font-size:0.85rem;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;">
  433. 12
  434. </span>
  435. </div>
  436. <div class="col-md-11 col-sm-11 col-11">
  437. <div class="section-heading left-holder">
  438. <span style="font-size: 1.1rem; line-height:1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left">
  439. 您對於近期《元赫科技》所開發的程式其整體穩定度評價為：
  440. </span><br><br>
  441. <h1 style="font-size: 1.1rem; line-height:2.2rem; font-weight: 300; color: #000; Letter-spacing: 2px; text-align: left; border-width: 1px; border-style: solid; width: 100%; height:80px;border-color:#cccc; padding: 5px; text-align: left;">
  442. &emsp;&emsp;&emsp;&emsp;
  443. </h1>
  444. </div>
  445. </div>
  446. </div>
  447. <!--按鈕 開始-->
  448. <div class="row mt-20">
  449. <div class="col-md-3 col-sm-3 col-3">
  450. </div>
  451. <div class="col-md-6 col-sm-6 col-6">
  452. <div class="row">
  453. <div class="col-md-6 col-sm-6 col-6">
  454. <div class="section-heading center-holder">
  455. <span style="font-size:1.1rem;line-height:2.2rem;font-weight:700;color:#fff;Letter-spacing:2px;text-align: left;background-color:#9FA0A0;padding:1px 35px 1px 35px">
  456. 提交
  457. </span>
  458. </div>
  459. </div>
  460. <div class="col-md-6 col-sm-6 col-6">
  461. <div class="section-heading center-holder">
  462. <span style="font-size:1.1rem;line-height:2.2rem;font-weight:700;color:#fff;Letter-spacing:2px;text-align: left;background-color:#9FA0A0;padding:1px 35px 1px 35px">
  463. 重置
  464. </span>
  465. </div>
  466. </div>
  467. </div>
  468. </div>
  469. <div class="col-md-3 col-sm-3 col-3">
  470. </div>
  471. </div>
  472. <!--按鈕 結束-->
  473. </div>
  474. <!--服務品質 內容結束-->
  475. <!--頁尾 開始-->
  476. <div class="row">
  477. <div class="col-md-3 col-sm-3 col-3" style="padding:10px">
  478. <div style="background-color:#bc1b21;position:absolute;width:100%;height:2px;bottom:0px;left:0px;"></div>
  479. </div>
  480. <div class="col-md-6 col-sm-6 col-6">
  481. <span style="font-size: 1rem; line-height: 1rem; font-weight: 500; color: #42434A; Letter-spacing: 1px; text-align:center">
  482. 您的回覆及建議．將成為我們更好互動的基石
  483. </span>
  484. </div>
  485. <div class="col-md-3 col-sm-3 col-3" style="padding:10px">
  486. <div style="background-color:#bc1b21;position:absolute;width:100%;height:2px;bottom:0px;left:0px;"></div>
  487. </div>
  488. <div class="col-md-12 col-sm-12 col-12">
  489. <div class="mt-30">
  490. <div class="section-heading center-holder">
  491. <div style="background-color: #bc1b21;position:absolute;width:100%;height:20px;bottom:0px;left:0px;">
  492. </div>
  493. </div>
  494. </div>
  495. </div>
  496. </div>
  497. <!--頁尾 結束-->
  498. </div>
  499. </div>
  500. </body>
  501. </html>