校园歌手大赛 | 展现你的音乐才华，赢取丰厚奖金
<!DOCTYPE html>
<html>
<head>
<title>校园歌手大赛宣传网页</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<div class="container">
<h1>校园歌手大赛</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">比赛规则</a></li>
<li><a href="#">报名通道</a></li>
<li><a href="#">往届回顾</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</div>
</header>
<section class="banner">
<div class="container">
<h2>欢迎参加校园歌手大赛</h2>
<p>展示你的音乐才华，赢取丰厚奖金</p>
<a href="#" class="btn">立即报名</a>
</div>
</section>
<section class="about">
<div class="container">
<h3>关于校园歌手大赛</h3>
<p>校园歌手大赛是一项旨在发掘和培养青年音乐人才的比赛，旨在打造一个展示青年音乐才华的舞台。比赛不仅有丰厚的奖金，还有机会与业内知名人士进行交流和合作。</p>
</div>
</section>
<section class="login">
<div class="container">
<h3>账户登录</h3>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" placeholder="请输入用户名">
<label for="password">密码:</label>
<input type="password" id="password" name="password" placeholder="请输入密码">
<input type="submit" value="登录">
</form>
</div>
</section>
<footer>
<div class="container">
<p>© 2021 校园歌手大赛. All Rights Reserved.</p>
</div>
</footer>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/kpc7 著作权归作者所有。请勿转载和采集!