校园歌手大赛 - 展现你的音乐才华，赢取丰厚奖金！ - 常规

<!DOCTYPE html>
<html>
<head>
	<title>校园歌手大赛宣传网页</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
	<style>
		body {
			margin: 0;
			padding: 0;
			font-family: Arial, sans-serif;
		}
		header {
			background-color: #1E90FF;
			color: #fff;
			padding: 10px;
			text-align: center;
		}
		nav {
			background-color: #f2f2f2;
			padding: 10px;
			text-align: center;
		}
		nav a {
			color: #1E90FF;
			text-decoration: none;
			padding: 10px;
			margin: 10px;
		}
		nav a:hover {
			background-color: #1E90FF;
			color: #fff;
			border-radius: 5px;
			transition: all 0.3s ease-in-out;
		}
		section {
			padding: 20px;
			text-align: center;
		}
		section h2 {
			color: #1E90FF;
			font-size: 36px;
			margin-bottom: 20px;
		}
		section p {
			font-size: 18px;
			line-height: 1.5;
			margin-bottom: 20px;
		}
		section button {
			background-color: #1E90FF;
			color: #fff;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			font-size: 18px;
			cursor: pointer;
			transition: all 0.3s ease-in-out;
		}
		section button:hover {
			background-color: #fff;
			color: #1E90FF;
			border: 2px solid #1E90FF;
		}
		form {
			padding: 20px;
			text-align: center;
		}
		form label {
			display: block;
			margin-bottom: 10px;
			font-size: 18px;
			color: #1E90FF;
		}
		form input[type='text'], form input[type='password'] {
			padding: 10px;
			border-radius: 5px;
			border: 2px solid #1E90FF;
			font-size: 18px;
			margin-bottom: 20px;
			width: 100%;
			box-sizing: border-box;
		}
		form button[type='submit'] {
			background-color: #1E90FF;
			color: #fff;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			font-size: 18px;
			cursor: pointer;
			transition: all 0.3s ease-in-out;
		}
		form button[type='submit']:hover {
			background-color: #fff;
			color: #1E90FF;
			border: 2px solid #1E90FF;
		}
	</style>
</head>
<body>
	<header>
		<h1>校园歌手大赛宣传网页</h1>
	</header>
	<nav>
		<a href="#">首页</a>
		<a href="#">比赛规则</a>
		<a href="#">报名流程</a>
		<a href="#">往届回顾</a>
		<a href="#">联系我们</a>
		<a href="#">账户登录</a>
	</nav>
	<section>
		<h2>欢迎参加校园歌手大赛</h2>
		<p>本次比赛将评选出最具才华的校园歌手，奖金丰厚，机会难得，赶快报名参加吧！</p>
		<button>报名参赛</button>
	</section>
	<form>
		<h2>账户登录</h2>
		<label for="username">用户名：</label>
		<input type="text" id="username" name="username" required>
		<label for="password">密码：</label>
		<input type="password" id="password" name="password" required>
		<button type="submit">登录</button>
	</form>
</body>
</html>