37 lines
2.0 KiB
HTML
37 lines
2.0 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Training Completion Certificate</title>
|
|
<style>
|
|
body { margin: 0; color: #1f2937; font-family: "Noto Sans CJK SC", "Microsoft YaHei", Arial, sans-serif; }
|
|
.page { position: relative; width: 1123px; height: 794px; box-sizing: border-box; padding: 72px; border: 18px solid #c99a3b; }
|
|
.title { margin-top: 18px; text-align: center; font-size: 52px; letter-spacing: 8px; font-weight: 700; }
|
|
.subtitle { margin-top: 14px; text-align: center; font-size: 21px; color: #6b7280; }
|
|
.content { margin-top: 72px; font-size: 28px; line-height: 2; }
|
|
.name { display: inline-block; min-width: 180px; padding: 0 28px; border-bottom: 2px solid #111827; text-align: center; font-size: 36px; font-weight: 700; }
|
|
.meta { margin-top: 54px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 32px; font-size: 20px; }
|
|
.qr { position: absolute; right: 72px; bottom: 104px; width: 112px; height: 112px; object-fit: contain; }
|
|
.disclaimer { position: absolute; left: 72px; right: 72px; bottom: 44px; font-size: 16px; line-height: 1.6; color: #6b7280; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<div class="title">培训结业证书</div>
|
|
<div class="subtitle">占位模板，正式 Logo、排版和公章后续替换</div>
|
|
<div class="content">
|
|
兹证明 <span class="name">{{ learner_name }}</span> 已完成 {{ project_name }} {{ course_name }} {{ stage_name }} 相关培训。
|
|
</div>
|
|
<div class="meta">
|
|
<div>证书编号：{{ certificate_no }}</div>
|
|
<div>发证日期：{{ issue_date }}</div>
|
|
<div>发证单位：{{ issuer_name }}</div>
|
|
</div>
|
|
{% if qr_code_data_url %}<img class="qr" src="{{ qr_code_data_url }}" alt="二维码" />{% endif %}
|
|
<div class="disclaimer">
|
|
本证书仅用于证明学员完成相关培训课程/阶段学习，不代表国家学历、学位、职业资格或职业技能等级认证。
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|