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"> 序號2<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="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 style="font-size: 1.2rem; line-height: 2rem; font-weight: 700; color: #fff; Letter-spacing: 1px; text-align:center"> 程式品質 </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 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;"> 01 </span> </div> <div class="col-md-11 col-sm-11 col-11"> <div class="section-heading left-holder"> <span style="font-size: 1rem; line-height: 1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 2px; text-align:left"> 近一季以來,您對《元赫科技》的整體品質滿意度為: </span><br> <span style="font-size: 0.9rem; 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 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;"> 02 </span> </div> <div class="col-md-11 col-sm-11 col-11"> <div class="section-heading left-holder"> <span style="font-size: 1rem; line-height: 1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left"> 您是否同意近期的程式開發品質較為優良? </span><br> <span style="font-size: 0.9rem; 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.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;"> 03 </span> </div> <div class="col-md-11 col-sm-11 col-11"> <div class="section-heading left-holder"> <span style="font-size: 1rem; line-height: 1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left"> 您對系統分析師近期對於專案需求分析、設計的品質滿意度為: </span><br> <span style="font-size: 0.9rem; 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.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;"> 04 </span> </div> <div class="col-md-11 col-sm-11 col-11"> <div class="section-heading left-holder"> <span style="font-size: 1rem; line-height: 1.1rem; font-weight: 700; color: #42434A; Letter-spacing: 1px; text-align:left"> 您對於近期《元赫科技》所開發的程式其整體穩定度評價為: </span><br> <span style="font-size: 0.9rem; line-height: 2.2rem; font-weight: 500; color: #9FA0A0; Letter-spacing: 1px; text-align:left"> ○ 非常滿意 ○ 滿意 ○ 一般 ○ 不滿意 ○ 非常不滿意 </span> </div> </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>
|