105 lines
3.0 KiB
HTML
105 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>赞助人名单 - 多主题大屏展示</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
/>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body class="theme-default">
|
|
<div class="container">
|
|
<div class="theme-panel">
|
|
<div
|
|
class="theme-btn theme-default active"
|
|
data-theme="default"
|
|
title="深海蓝主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-light-btn"
|
|
data-theme="light"
|
|
title="浅色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-purple-btn"
|
|
data-theme="purple"
|
|
title="深紫主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-green-btn"
|
|
data-theme="green"
|
|
title="绿色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-red-btn"
|
|
data-theme="red"
|
|
title="红色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-orange-btn"
|
|
data-theme="orange"
|
|
title="橙色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-pink-btn"
|
|
data-theme="pink"
|
|
title="粉色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-gold-btn"
|
|
data-theme="gold"
|
|
title="金色主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-tech-btn"
|
|
data-theme="tech"
|
|
title="科技蓝主题"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-dark-minimal-btn"
|
|
data-theme="dark-minimal"
|
|
title="深色简约"
|
|
></div>
|
|
<div
|
|
class="theme-btn theme-sunset-btn"
|
|
data-theme="sunset"
|
|
title="日落主题"
|
|
></div>
|
|
</div>
|
|
|
|
<div class="header">
|
|
<h1>赞助人名单</h1>
|
|
<!-- <p class="subtitle">衷心感谢以下企业及个人的慷慨赞助</p> -->
|
|
<div class="stats">
|
|
<!-- <div id="totalSponsors"><i class="fas fa-users"></i> 赞助单位: 0</div> -->
|
|
<div id="totalAmount"><i class="fas fa-coins"></i> 总金额: RM 0</div>
|
|
<!-- <div id="totalSeats"><i class="fas fa-chair"></i> 席位总数: 0</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-content">
|
|
<div class="section">
|
|
<h2>赞助金额</h2>
|
|
<div class="scroll-container">
|
|
<div class="scroll-content" id="moneyList"></div>
|
|
</div>
|
|
</div>
|
|
<div class="section">
|
|
<h2>席位赞助</h2>
|
|
<div class="scroll-container">
|
|
<div class="scroll-content" id="seatList"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p id="footerText">感谢所有赞助商对本次活动的大力支持 | 2023年</p>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|