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.
 
 
 
 

503 lines
23 KiB

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<style>
.main{
font-size:15px;
}
.red-line {
width: 100%;
height: 1px;
background-color: #bc1b21
}
.inside-text {
font-size:0.8rem;
line-height:2rem;
color:#42434A;
Letter-spacing:1px;
text-align:left;
}
.Article-text {
font-size: calc(var(--text-font-size) * var(--text-font-fix));
line-height: 1.4rem;
color: #42434A;
Letter-spacing: 1px;
text-align: left;
}
.Label-text {
font-size: calc(var(--text-font-size) * var(--text-font-fix));
line-height: 1.1rem;
font-weight: 500;
color: #fff;
Letter-spacing: 2px;
text-align: left;
background-color: #bc1b21;
padding: 5px;
float: left;
}
.Name-text {
font-size: .8rem;
line-height: 1.5rem;
font-weight: 700;
color: #42434A;
Letter-spacing: 1px;
text-align: left;
float: left;
}
.title-text {
font-size: calc(var(--text-font-size) * var(--text-font-fix));
line-height: 2rem;
font-weight: 700;
color: #fff;
Letter-spacing: 1px;
text-align: center
}
.topic-text {
font-size: var(--text-font-fix);
line-height: 1.1rem;
font-weight: 700;
color: #42434A;
Letter-spacing: 2px;
text-align: left
}
@media (max-width: 560px) {
.main {
font-size: 20px;
}
}
@media (min-width: 561px) and (max-width: 800px) {
.main {
font-size: 18px;
}
}
@media (max-width: 560px) {
.Article-text {
font-size: calc(var(--text-font-size400) * var(--text-font-fix));
}
}
@media (min-width: 561px) and (max-width: 800px) {
.Article-text {
font-size: calc(var(--text-font-size800) * var(--text-font-fix));
}
}
@media (max-width: 560px) {
.Label-text {
font-size: calc(var(--text-font-size400) * var(--text-font-fix));
}
}
@media (min-width: 561px) and (max-width: 800px) {
.Label-text {
font-size: calc(var(--text-font-size800) * var(--text-font-fix));
}
}
@media (max-width: 560px) {
.Name-text {
font-size: calc(var(--text-font-size400) * var(--text-font-fix));
}
}
@media (min-width: 561px) and (max-width: 800px) {
.Name-text {
font-size: calc(var(--text-font-size800) * var(--text-font-fix));
}
}
@media (max-width: 560px) {
.topic-text {
font-size: calc(var(--text-font-size400) * var(--text-font-fix));
}
}
@media (min-width: 561px) and (max-width: 800px) {
.topic-text {
font-size: calc(var(--text-font-size800) * var(--text-font-fix));
}
}
</style>
</head>
<body>
<div class="section-block-bg main" style="padding: 0px 0px 20px 0px;">
<div class="container">
<!--標題 開始-->
<div class="row" style="background-color: #bc1b21">
<div class="col-md-5 col-sm-5 col-5">
<img src="./img/logo-01.png">
</div>
<div class="col-md-7 col-sm-7 col-7 text-left d-flex align-items-center">
<span style="font-size: 2.5rem;font-weight: 700; color: #FFF; Letter-spacing: 1px; text-align:left;">
顧客滿意度 調查表
</span>
</div>
</div>
<!--標題 結束-->
<!--內文 開始-->
<div class="section-heading left-holder" style="padding:20px 10px 0px 10px">
<span class="inside-text" style="font-weight: 700;">
親愛的
</span>
<span class="inside-text" style="font-weight: 900;">
購好康揪團購商行
</span>
<span class="inside-text" style="font-weight:700;">
您好:
</span>
<br>
<span class="Article-text">
&emsp;&emsp;感謝你與元赫科技近期內的合作及共同開發等項目,為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目,為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目,為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目,為了解顧客對於實際與您接洽之同仁的服務品質。
</span>
<div class="row mt-30" style="padding-bottom:30px">
<div class="col-md-4 col-sm-4 col-4">
<span class="Label-text">
專責專案經理
</span>
<span class="Name-text">
&emsp;張雅惠
</span>
</div>
<div class="col-md-8 col-sm-8 col-8">
<span class="Label-text">
程式工程師
</span>
<span class="Name-text">
&emsp;林惟晟、張仁豪、吳文孝
</span>
</div>
</div>
</div>
<!--內文 結束-->
<!--程式品質 標題開始-->
<div class="row">
<div class="col-md-12 col-sm-12 col-12">
<div class="section-heading center-holder">
<div style="background-color:#C9CACA;position:absolute;width:100%;height:35px;bottom:-40px;left:0px;">
<span class="title-text">
程式品質
</span>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-12">
<div class="mt-5">
<div style="background-color:#C9CACA;position:absolute;width:100%;height:3px;bottom:0px;left:0px;">
</div>
</div>
</div>
</div>
<!--程式品質 標題結束-->
<!--程式品質 內容開始-->
<div style="padding:40px 20px 35px 20px">
<div class="row">
<div class="col-md-1 col-sm-1 col-1" style="padding-bottom:10px">
<span class="Label-text" style="padding:1px 10px 1px 10px">
01
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
近一季以來,您對《元赫科技》的整體品質滿意度為:
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 2px; text-align:left">
○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
02
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
您是否同意近期的程式開發品質較為優良?
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 是 ○ 否
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
03
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
您對系統分析師近期對於專案需求分析、設計的品質滿意度為:
</span><br>
<span style="font-size: 1rem; line-height:2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
04
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
您對於近期《元赫科技》所開發的程式其整體穩定度評價為:
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
</span>
</div>
</div>
</div>
</div>
<!--程式品質 內容結束-->
<!--開發效能 標題開始-->
<div class="row">
<div class="col-md-12 col-sm-12 col-12">
<div class="section-heading center-holder">
<div style="background-color:#C9CACA;position:absolute;width:100%;height:35px;bottom:-40px;left:0px;">
<span class="title-text">
開發效能
</span>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-12">
<div class="mt-5">
<div style="background-color:#C9CACA;position:absolute;width:100%;height:3px;bottom:0px;left:0px;">
</div>
</div>
</div>
</div>
<!--開發效能 標題結束-->
<!--開發效能 內容開始-->
<div style="padding:40px 20px 35px 20px">
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
05
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
近一季以來,您對《元赫科技》的整體品質滿意度為:
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
06
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
您是否同意近期的程式開發品質較為優良?
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 是 ○ 否
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
07
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
您對系統分析師近期對於專案需求分析、設計的品質滿意度為:
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 是 ○ 否
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
08
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
您對於近期《元赫科技》所開發的程式其整體穩定度評價為:
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
</span>
</div>
</div>
</div>
</div>
<!--開發效能 內容結束-->
<!--服務品質 標題開始-->
<div class="row">
<div class="col-md-12 col-sm-12 col-12">
<div class="section-heading center-holder">
<div style="background-color:#C9CACA;position:absolute;width:100%;height:35px;bottom:-40px;left:0px;">
<span class="title-text">
服務品質
</span>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12 col-12">
<div class="mt-5">
<div style="background-color:#C9CACA;position:absolute;width:100%;height:3px;bottom:0px;left:0px;">
</div>
</div>
</div>
</div>
<!--服務品質 標題結束-->
<!--服務品質 內容開始-->
<div style="padding:40px 20px 35px 20px">
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
09
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
近一季以來,您對《元赫科技》的整體品質滿意度為:
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
10
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
您是否同意近期的程式開發品質較為優良?
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 是 ○ 否
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<span class="Label-text" style="padding:1px 10px 1px 10px">
11
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span class="topic-text">
您對系統分析師近期對於專案需求分析、設計的品質滿意度為:
</span><br>
<span style="font-size: 1rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left">
○ 是 ○ 否
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-1 col-sm-1 col-1">
<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;">
12
</span>
</div>
<div class="col-md-11 col-sm-11 col-11">
<div class="section-heading left-holder">
<span style="font-size: 1.1rem; line-height:1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left">
您對於近期《元赫科技》所開發的程式其整體穩定度評價為:
</span><br><br>
<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;">
&emsp;&emsp;&emsp;&emsp;
</h1>
</div>
</div>
</div>
<!--按鈕 開始-->
<div class="row mt-20">
<div class="col-md-3 col-sm-3 col-3">
</div>
<div class="col-md-6 col-sm-6 col-6">
<div class="row">
<div class="col-md-6 col-sm-6 col-6">
<div class="section-heading center-holder">
<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">
提交
</span>
</div>
</div>
<div class="col-md-6 col-sm-6 col-6">
<div class="section-heading center-holder">
<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">
重置
</span>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-3 col-3">
</div>
</div>
<!--按鈕 結束-->
</div>
<!--服務品質 內容結束-->
<!--頁尾 開始-->
<div class="row">
<div class="col-md-3 col-sm-3 col-3" style="padding:10px">
<div style="background-color:#bc1b21;position:absolute;width:100%;height:2px;bottom:0px;left:0px;"></div>
</div>
<div class="col-md-6 col-sm-6 col-6">
<span style="font-size: 1rem; line-height: 1rem; font-weight: 500; color: #42434A; Letter-spacing: 1px; text-align:center">
您的回覆及建議.將成為我們更好互動的基石
</span>
</div>
<div class="col-md-3 col-sm-3 col-3" style="padding:10px">
<div style="background-color:#bc1b21;position:absolute;width:100%;height:2px;bottom:0px;left:0px;"></div>
</div>
<div class="col-md-12 col-sm-12 col-12">
<div class="mt-30">
<div class="section-heading center-holder">
<div style="background-color: #bc1b21;position:absolute;width:100%;height:20px;bottom:0px;left:0px;">
</div>
</div>
</div>
</div>
</div>
<!--頁尾 結束-->
</div>
</div>
</body>
</html>