满洲里跨境电商培训报名 - 商务局助力企业腾飞 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>满洲里跨境电商培训报名 - 商务局助力企业腾飞</title>
	<style>
		body {
			background-color: #2c3e50;
		}
		h1 {
			color: #fff;
			text-align: center;
			padding-top: 50px;
		}
		.login {
			background-color: #fff;
			border-radius: 10px;
			width: 400px;
			margin: 0 auto;
			padding: 20px;
			box-shadow: 0px 0px 10px #888;
		}
		input[type='text'], input[type='password'] {
			width: 100%;
			padding: 10px;
			margin-bottom: 20px;
			border: none;
			border-radius: 5px;
			box-shadow: 0px 0px 5px #888;
		}
		input[type='submit'] {
			background-color: #3498db;
			color: #fff;
			padding: 10px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
			font-size: 16px;
			width: 100%;
			margin-bottom: 20px;
		}
		.welcome {
			color: #fff;
			font-size: 30px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			animation: move 5s infinite;
		}
		@keyframes move {
			0% {
				top: 50%;
			}
			50% {
				top: 60%;
			}
			100% {
				top: 50%;
			}
		}
	</style>
</head>
<body>
	<h1>商务局帮助电商企业成长</h1>
	<div class='login'>
		<form>
			<h2>登录窗口</h2>
			<label>用户名</label>
			<input type='text' name='username'>
			<label>密码</label>
			<input type='password' name='password'>
			<input type='submit' value='登录'>
			<p>还没有账号？<a href='#'>立即注册</a></p>
			<p>忘记密码？<a href='#'>找回密码</a></p>
		</form>
	</div>
	<div class='welcome'>
		欢迎报名
	</div>
</body>
</html>