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.
|
|
<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"> 序號1<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>
|