校园歌手大赛 - 展现你的音乐才华
<!DOCTYPE html>
<html>
<head>
<title>校园歌手大赛 - 展现你的音乐才华</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js'></script>
</head>
<body>
<nav class='navbar navbar-expand-sm bg-dark navbar-dark'>
<a class='navbar-brand' href='#'>校园歌手大赛</a>
<button class='navbar-toggler' type='button' data-toggle='collapse' data-target='#collapsibleNavbar'>
<span class='navbar-toggler-icon'></span>
</button>
<div class='collapse navbar-collapse' id='collapsibleNavbar'>
<ul class='navbar-nav'>
<li class='nav-item'>
<a class='nav-link' href='#'>首页</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>比赛规则</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>报名指南</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>往届回顾</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>联系我们</a>
</li>
</ul>
<ul class='navbar-nav ml-auto'>
<li class='nav-item'>
<a class='nav-link' href='#'>登录</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#'>注册</a>
</li>
</ul>
</div>
</nav>
<div class='container-fluid mt-3'>
<div class='row'>
<div class='col-md-8'>
<h2>欢迎参加校园歌手大赛</h2>
<p>校园歌手大赛是一项面向全校学生的音乐比赛，旨在挖掘校园音乐人才，丰富校园文化生活。</p>
<p>比赛分为初赛和决赛两个阶段，初赛采取线上评选，决赛采取线下现场表演。</p>
<p>报名时间：2021年9月1日-2021年9月30日</p>
<p>比赛时间：2021年10月1日-2021年10月31日</p>
<button type='button' class='btn btn-primary mt-3'>立即报名</button>
</div>
<div class='col-md-4'>
<h2>登录</h2>
<form>
<div class='form-group'>
<label for='username'>用户名：</label>
<input type='text' class='form-control' id='username' placeholder='请输入用户名'>
</div>
<div class='form-group'>
<label for='password'>密码：</label>
<input type='password' class='form-control' id='password' placeholder='请输入密码'>
</div>
<button type='submit' class='btn btn-primary'>登录</button>
</form>
</div>
</div>
</div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/kpdq 著作权归作者所有。请勿转载和采集!