84 lines
2.1 KiB
HTML
84 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>課程異動通知</title>
|
|
<style>
|
|
body.mail {
|
|
font-family: 標楷體, KaiTi;
|
|
font-size: 14pt;
|
|
padding: 20px 20px;
|
|
line-height: 180%;
|
|
}
|
|
|
|
h1.mail {
|
|
font-size: 18pt;
|
|
text-align: center;
|
|
}
|
|
|
|
table.mail {
|
|
border-width: 1px;
|
|
border-color: black;
|
|
border-collapse: collapse;
|
|
font-size: 15pt;
|
|
line-height: 180%;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
th.mail {
|
|
text-align: center;
|
|
font-weight: normal;
|
|
border-width: 1px;
|
|
border-color: black;
|
|
padding: 5px;
|
|
background-color: white;
|
|
}
|
|
|
|
td.mail {
|
|
border-width: 1px;
|
|
border-color: black;
|
|
padding: 5px;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="mail">
|
|
<div>
|
|
<div style="width: 1000px; margin: 0 auto;">
|
|
<h1 class="mail">{公司名稱}</h1>
|
|
<h1 class="mail"><u>課程異動通知表</u></h1>
|
|
<p>
|
|
您好：<br />
|
|
由於下列因素導致課程異動，造成您的不便，敬請見諒。
|
|
</p>
|
|
<table class="mail" border="1">
|
|
<tr>
|
|
<th class="mail" style="width: 95px">訓練名稱</th>
|
|
<td class="mail" colspan="3" style="width: 900px">{訓練名稱}</td>
|
|
</tr>
|
|
<tr>
|
|
<th class="mail" style="width: 95px">訓練地點</th>
|
|
<td class="mail" colspan="3">{訓練地點}</td>
|
|
</tr>
|
|
<tr>
|
|
<th class="mail" style="width: 95px">訓練日期</th>
|
|
<td class="mail" style="width: 410px">{訓練日期}</td>
|
|
<th class="mail" style="width: 95px">訓練時數</th>
|
|
<td class="mail" style="width: 410px">{訓練時數}</td>
|
|
</tr>
|
|
<tr>
|
|
<th class="mail" style="width: 95px">異動說明</th>
|
|
<td class="mail" colspan="3">
|
|
{異動內容}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|