61 lines
3.1 KiB
HTML
61 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>机长证书</title>
|
|
<style>
|
|
@page { size: A4 landscape; margin: 0; }
|
|
* { box-sizing: border-box; }
|
|
body { font-family: "WenQuanYi Zen Hei","Noto Sans CJK SC",sans-serif; margin:0; }
|
|
.page { width:297mm; height:210mm; padding:12mm; background:#f7f4ec; }
|
|
.frame { width:100%; height:100%; border:6px double #b8860b; border-radius:14px;
|
|
padding:10mm 14mm; display:flex; flex-direction:column; align-items:center;
|
|
background: radial-gradient(circle at 50% 30%, #fffdf7 0%, #f3ecda 100%);
|
|
position:relative; }
|
|
.corner{ position:absolute; font-size:34px; color:#c9a227; opacity:.6; }
|
|
.tl{top:6mm;left:8mm} .tr{top:6mm;right:8mm} .bl{bottom:6mm;left:8mm} .br{bottom:6mm;right:8mm}
|
|
.emblem{ font-size:44px; margin-top:2mm; }
|
|
h1 { font-size:44px; letter-spacing:14px; margin:4px 0 2px; color:#7a5a00; }
|
|
.en { font-size:14px; letter-spacing:6px; color:#9a7b1e; margin-bottom:10px; text-transform:uppercase; }
|
|
.lead { font-size:16px; color:#333; }
|
|
.name { font-size:60px; font-weight:bold; color:#1a1a1a; margin:8px 0; letter-spacing:8px;
|
|
border-bottom:3px solid #b8860b; padding:0 40px 6px; }
|
|
.text { font-size:17px; line-height:1.9; color:#333; text-align:center; max-width:210mm; }
|
|
.highlight{ color:#c0392b; font-weight:bold; }
|
|
.foot { display:flex; justify-content:space-around; width:100%; margin-top:auto; }
|
|
.sign { text-align:center; font-size:14px; color:#333; }
|
|
.line { width:60mm; border-bottom:1.5px solid #555; height:26px; margin:0 auto 4px; }
|
|
.seal { width:34mm; height:34mm; border:3px solid #c0392b; border-radius:50%;
|
|
display:flex; align-items:center; justify-content:center; color:#c0392b;
|
|
font-size:13px; text-align:center; line-height:1.3; letter-spacing:2px; transform:rotate(-12deg); }
|
|
.date { font-size:14px; color:#555; margin-top:6px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page"><div class="frame">
|
|
<span class="corner tl">✈</span><span class="corner tr">✈</span>
|
|
<span class="corner bl">★</span><span class="corner br">★</span>
|
|
|
|
<div class="emblem">🏅</div>
|
|
<h1>机长证书</h1>
|
|
<div class="en">Captain Certificate</div>
|
|
<div class="lead">兹证明</div>
|
|
<div class="name">牛 牛</div>
|
|
<div class="text">
|
|
已成功完成本次航班全部操作，熟练掌握起飞、巡航、进近与降落程序，<br>
|
|
表现<span class="highlight">勇敢、专注、细致</span>，正式授予 <b>「机长」</b> 荣誉称号。
|
|
</div>
|
|
<div class="text" style="margin-top:10px;font-size:15px;color:#7a5a00;">
|
|
愿你在蓝天之上，永远保持好奇与热爱 ✈
|
|
</div>
|
|
|
|
<div class="foot">
|
|
<div class="sign"><div class="line"></div>机长签名<br><span style="font-size:12px;color:#888;">（牛牛）</span></div>
|
|
<div class="seal">飞行学院<br>认证章</div>
|
|
<div class="sign"><div class="line"></div>教员签名<br><span style="font-size:12px;color:#888;">（爸爸）</span></div>
|
|
</div>
|
|
<div class="date">颁发日期：＿＿＿＿ 年 ＿＿ 月 ＿＿ 日</div>
|
|
</div></div>
|
|
</body>
|
|
</html>
|