满洲里跨境电商培训报名 - 商务局官方网站 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>满洲里跨境电商培训报名 - 商务局官方网站</title>
	<meta name='description' content='满洲里商务局举办跨境电商培训，助力企业拓展国际市场，提升电商运营能力。欢迎访问官方网站了解详情并报名！'>
  <meta name='keywords' content='满洲里,跨境电商,培训,报名,商务局,电商运营,国际市场,北疆明珠'>
	<style>
		body {
			background-color: #E1FFFF;
		}
		h1 {
			color: #336699;
			text-align: center;
			padding: 20px;
			background-color: #CCFFFF;
		}
		#login {
			margin: auto;
			width: 50%;
			border: 2px solid #336699;
			padding: 10px;
			background-color: #FFFFFF;
			text-align: center;
		}
		#welcome {
			position: absolute;
			right: 0;
			top: 20%;
			width: 20%;
			height: 40%;
			background-color: #99CCFF;
			animation: move 2s infinite;
		}
		@keyframes move {
			0% {
				top: 20%;
			}
			50% {
				top: 30%;
			}
			100% {
				top: 20%;
			}
		}
		#pearl {
			position: absolute;
			left: 0;
			top: 20%;
			width: 20%;
			height: 40%;
			background-color: #99CCFF;
			animation: move 2s infinite;
		}
		#slogan {
			text-align: center;
			color: #336699;
			font-size: 20px;
			padding: 20px;
			background-color: #CCFFFF;
			animation: blink 1s infinite;
		}
		@keyframes blink {
			0% {
				opacity: 1;
			}
			50% {
				opacity: 0.5;
			}
			100% {
				opacity: 1;
			}
		}
	</style>
</head>
<body>
	<h1>满洲里商务局跨境电商培训报名</h1>
	<div id='login'>
		<h2>登录</h2>
		<form>
			<label for='username'>用户名:</label>
			<input type='text' id='username' name='username'><br><br>
			<label for='password'>密码:</label>
			<input type='password' id='password' name='password'><br><br>
			<input type='submit' value='登录'>
			<input type='button' value='注册'>
			<input type='button' value='找回密码'>
		</form>
	</div>
	<div id='welcome'>
		<h2>欢迎报名</h2>
		<p>本培训课程由满洲里商务局主办，致力于推动跨境电商发展，欢迎莅临报名！</p>
	</div>
	<div id='pearl'>
		<h2>北疆明珠</h2>
		<p>满洲里位于内蒙古北部，是中俄边境的重要口岸城市，被誉为北疆明珠。</p>
	</div>
	<div id='slogan'>
		满洲里商务局竭诚为您服务！
	</div>
</body>
</html>