150 lines
3.2 KiB
HTML
150 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
html { background: #ffffff; }
|
|
body {
|
|
width: 720pt;
|
|
height: 405pt;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #F5F1E8;
|
|
font-family: Arial, sans-serif;
|
|
display: flex;
|
|
}
|
|
|
|
.slide-content {
|
|
width: 100%;
|
|
height: 405pt;
|
|
position: relative;
|
|
}
|
|
|
|
/* Title */
|
|
.title {
|
|
position: absolute;
|
|
top: 30pt;
|
|
left: 60pt;
|
|
right: 60pt;
|
|
text-align: center;
|
|
}
|
|
|
|
.title h2 {
|
|
font-family: Georgia, serif;
|
|
font-size: 32pt;
|
|
color: #6B2C3E;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Parent cards */
|
|
.parent-card {
|
|
position: absolute;
|
|
left: 60pt;
|
|
right: 60pt;
|
|
background: #ffffff;
|
|
border: 1pt solid #B8974F;
|
|
border-radius: 8pt;
|
|
padding: 14pt 20pt;
|
|
}
|
|
|
|
.card1 { top: 90pt; }
|
|
.card2 { top: 170pt; }
|
|
.card3 { top: 250pt; }
|
|
|
|
.parent-card .trophy {
|
|
display: inline-block;
|
|
font-size: 20pt;
|
|
margin-right: 10pt;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.parent-card .trophy p {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: inline;
|
|
}
|
|
|
|
.parent-card .award {
|
|
display: inline-block;
|
|
font-size: 16pt;
|
|
color: #6B2C3E;
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.parent-card .actions {
|
|
font-size: 13pt;
|
|
color: #4A5568;
|
|
margin-top: 8pt;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.parent-card .actions p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.parent-card .result {
|
|
font-size: 12pt;
|
|
color: #B8974F;
|
|
margin-top: 6pt;
|
|
font-style: italic;
|
|
}
|
|
|
|
.parent-card .result p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Call to action */
|
|
.cta {
|
|
position: absolute;
|
|
bottom: 50pt;
|
|
left: 60pt;
|
|
right: 60pt;
|
|
text-align: center;
|
|
font-size: 15pt;
|
|
color: #6B2C3E;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
|
|
.cta p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="slide-content">
|
|
<div class="title">
|
|
<h2>感恩有你们——我们的榜样家长</h2>
|
|
</div>
|
|
|
|
<div class="parent-card card1">
|
|
<span class="trophy"><p>🏆</p></span>
|
|
<span class="award">朱锦熙妈妈 - 最佳后勤保障奖</span>
|
|
<div class="actions"><p>本学期语文数学导学案需要买文件夹，非常细心，主动跟淘宝沟通，确保统一颜色</p></div>
|
|
<div class="result"><p>→ 用心细节，为班级创造整齐有序的学习环境</p></div>
|
|
</div>
|
|
|
|
<div class="parent-card card2">
|
|
<span class="trophy"><p>🏆</p></span>
|
|
<span class="award">李易轩妈妈 - 高效协作伙伴奖</span>
|
|
<div class="actions"><p>在群里收到默写通知后主动及时反馈，执行力迅速，对孩子的帮助很大</p></div>
|
|
<div class="result"><p>→ 快速响应，让孩子不错过任何学习机会</p></div>
|
|
</div>
|
|
|
|
<div class="parent-card card3">
|
|
<span class="trophy"><p>🏆</p></span>
|
|
<span class="award">郭佳玥妈妈 - 沟通桥梁奖</span>
|
|
<div class="actions"><p>发现作业问题后及时与老师沟通，让班主任可以及时和各科老师协商，从根源上解决问题</p></div>
|
|
<div class="result"><p>→ 主动沟通，真正帮助孩子进步</p></div>
|
|
</div>
|
|
|
|
<div class="cta">
|
|
<p>"今天，我邀请每一位家长成为下一个榜样。配合度越高，孩子受益越大"</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|