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
194 lines
10 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>
|
|
|
|
.red-line {
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: #bc1b21
|
|
}
|
|
|
|
th, td {
|
|
border: 1px solid #C9CACA;
|
|
font-size: 10px;
|
|
border: 1px solid #C9CACA;
|
|
text-align: center;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
th {
|
|
background-color: #42434A;
|
|
padding: 15px;
|
|
border: 1px solid #C9CACA;
|
|
color: #fff;
|
|
}
|
|
|
|
tb {
|
|
border: 1px solid #C9CACA;
|
|
padding: 15px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="row">
|
|
<div class="col-md-1 col-sm-1 col-1">
|
|
<div class="section-heading center-holder" style="padding-top:300px">
|
|
<img src="./img/right.png">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-10 col-sm-10 col-10">
|
|
<div class="container"style="padding-top:20px">
|
|
<div>
|
|
<table style="margin:auto;">
|
|
<tr>
|
|
<th style="width:10%">序號</th>
|
|
<th style="width:10%">填單人</th>
|
|
<th style="width:10%">第一次<br />發送時間</th>
|
|
<th style="width:10%">第二次<br />發送時間</th>
|
|
<th style="width:10%">閱讀狀態</th>
|
|
<th style="width:10%">品質均分</th>
|
|
<th style="width:10%">效能均分</th>
|
|
<th style="width:10%">態度均分</th>
|
|
<th style="width:10%">PM均分</th>
|
|
<th style="width:10%">PG均分</th>
|
|
</tr>
|
|
<tr>
|
|
<td>1</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="container" style="padding: 25px;width: 840px;">
|
|
<div cass="mt-10">
|
|
<div class="section-block-bg"border-color:#C9CACA; padding: 20px 0px;">
|
|
<div class="container">
|
|
<span style="font-size: 1rem; line-height:1.2rem; font-weight: 900; color: #42434A; Letter-spacing: 1px; text-align:left">
|
|
序號１<br/>
|
|
填單人：
|
|
</span>
|
|
<div class="mt-20"></div>
|
|
<!--標題 開始-->
|
|
<div class="row" style="background-color: #bc1b21">
|
|
<div class="col-md-4 col-sm-4 col-4">
|
|
<div style="width:90%;margin:0px auto">
|
|
<img src="./img/logo-01.png">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8 col-8 text-left d-flex align-items-center">
|
|
<span style="font-size: 1.2rem;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 style="font-size: 1rem; line-height: 3rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left">
|
|
親愛的
|
|
</span>
|
|
<span style="font-size: 1rem; line-height:3rem; font-weight: 900; color: #42434A; Letter-spacing: 1px; text-align:left">
|
|
購好康揪團購商行
|
|
</span>
|
|
<span style="font-size: 1rem; line-height:3rem; font-weight:700; color: #42434A; Letter-spacing: 1px; text-align:left">
|
|
您好：
|
|
</span>
|
|
<br>
|
|
<span style="font-size:0.8rem; line-height: 1.6rem; font-weight: 500; color: #42434A; Letter-spacing:1.5px; text-align:left">
|
|
  感謝你與元赫科技近期內的合作及共同開發等項目，為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目，為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目，為了解顧客對於實際與您接洽之同仁的服務品質。感謝你與元赫科技近期內的合作及共同開發等項目，為了解顧客對於實際與您接洽之同仁的服務品質。
|
|
</span>
|
|
<div class="row mt-20" style="padding-bottom:20px">
|
|
<div class="col-md-4 col-sm-4 col-4">
|
|
<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;">
|
|
專責專案經理
|
|
</span>
|
|
<span style="font-size:1rem; line-height: 1.5rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left;float:left;">
|
|
 張雅惠
|
|
</span>
|
|
</div>
|
|
<div class="col-md-8 col-sm-8 col-8">
|
|
<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;">
|
|
程式工程師
|
|
</span>
|
|
<span style="font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left;float:left;">
|
|
 林惟晟、張仁豪、吳文孝
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--內文 結束-->
|
|
<!--服務品質 內容結束-->
|
|
<!--頁尾 開始-->
|
|
<div class="row mt-10">
|
|
<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">
|
|
<div class="section-heading center-holder">
|
|
<span style="font-size: 0.7rem; line-height: 1rem; font-weight: 500; color: #42434A; Letter-spacing: 1px; text-align:center">
|
|
您的回覆及建議．將成為我們更好互動的基石
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-sm-3 col-3" style="padding:10px">
|
|
<div style="background-color:#bc1b21;position:absolute;width:100%;height:1px;bottom:0px;left:0px;"></div>
|
|
</div>
|
|
<div class="col-md-12 col-sm-12 col-12">
|
|
<div class="mt-20">
|
|
<div class="section-heading center-holder">
|
|
<div style="background-color: #bc1b21;position:absolute;width:100%;height:15px;bottom:0px;left:0px;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--頁尾 結束-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1 col-sm-1 col-1">
|
|
<div class="section-heading center-holder " style="padding-top:300px">
|
|
<img src="./img/left.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
|