38 lines
1.7 KiB
HTML
38 lines
1.7 KiB
HTML
<section class="tpl-speech container-sm" aria-label="speaker">
|
|
<div class="speech-card">
|
|
<div class="decorative-elements">
|
|
<div class="decorative-corner corner-tl"></div>
|
|
<div class="decorative-corner corner-tr"></div>
|
|
<div class="decorative-corner corner-bl"></div>
|
|
<div class="decorative-corner corner-br"></div>
|
|
<div class="gold-line line-1"></div>
|
|
<div class="gold-line line-2"></div>
|
|
</div>
|
|
|
|
<div class="event-title">柔佛永平关圣公联谊会 | 筹募活动基金联欢晚会</div>
|
|
|
|
<div class="speaker-info">
|
|
<div class="avatar-container">
|
|
<img class="speaker-avatar" src="{{avatar}}" alt="{{name}}" />
|
|
<div class="avatar-glow"></div>
|
|
</div>
|
|
|
|
<div class="speaker-meta">
|
|
<h2 class="speaker-name">{{name}}</h2>
|
|
<h3 class="speaker-name-en text-muted">{{nameEn}}</h3>
|
|
<p class="speaker-title text-muted">{{title}}</p>
|
|
|
|
<div class="speaker-bio">{{bio}}</div>
|
|
|
|
<div class="social-links">
|
|
<a href="#"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="#"><i class="fab fa-github"></i></a>
|
|
<a href="#"><i class="fas fa-envelope"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="watermark">嘉宾介绍</div>
|
|
</div>
|
|
</section> |