满洲里跨境电商培训报名 - 助您开启电商之路 | 满洲里商务局 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>满洲里跨境电商培训报名 - 助您开启电商之路 | 满洲里商务局</title>
	<meta name='description' content='满洲里商务局官方跨境电商培训报名网站，提供培训报名、登录注册等功能，帮助您快速开启跨境电商之路，打造北疆明珠电商新名片！'>
	<meta name='keywords' content='满洲里,跨境电商,培训,报名,商务局,电商,北疆明珠'>
	<style>
		body {
			background-color: #BFEFFF;
		}
		h1 {
			text-align: center;
			color: #FFFFFF;
			background-color: #0080FF;
			padding: 20px;
			margin: 0;
		}
		.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 500px;
		}
		form {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background-color: #FFFFFF;
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #000000;
			width: 50%;
		}
		input[type='text'], input[type='password'] {
			padding: 10px;
			margin: 10px;
			border-radius: 5px;
			border: none;
			box-shadow: 0px 0px 5px #000000;
			width: 100%;
		}
		input[type='submit'] {
			padding: 10px;
			margin: 10px;
			border-radius: 5px;
			border: none;
			background-color: #0080FF;
			color: #FFFFFF;
			font-weight: bold;
			cursor: pointer;
		}
		.welcome {
			position: absolute;
			right: 0;
			top: 20%;
			background-color: #00BFFF;
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #000000;
			width: 20%;
			text-align: center;
			animation: move 5s infinite alternate;
		}
		@keyframes move {
			0% {
				top: 20%;
			}
			100% {
				top: 80%;
			}
		}
		.north {
			position: absolute;
			left: 0;
			top: 20%;
			background-color: #00BFFF;
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #000000;
			width: 20%;
			text-align: center;
			animation: move 5s infinite alternate;
		}
		@keyframes move {
			0% {
				top: 20%;
			}
			100% {
				top: 80%;
			}
		}
		.footer {
			background-color: #0080FF;
			color: #FFFFFF;
			text-align: center;
			padding: 10px;
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			animation: blink 1s infinite;
		}
		@keyframes blink {
			0% {
				opacity: 1;
			}
			50% {
				opacity: 0.5;
			}
			100% {
				opacity: 1;
			}
		}
	</style>
</head>
<body>
	<h1>满洲里商务局跨境电商培训报名</h1>
	<div class='container'>
		<form>
			<h2>登录</h2>
			<input type='text' placeholder='用户名'>
			<input type='password' placeholder='密码'>
			<input type='submit' value='登录'>
			<p>还没有账号？<a href='#'>立即注册</a></p>
			<p><a href='#'>忘记密码？</a></p>
		</form>
		<div class='welcome'>
			<h2>欢迎报名</h2>
			<p>满洲里商务局跨境电商培训，助您开启跨境电商之路！</p>
		</div>
		<div class='north'>
			<h2>北疆明珠</h2>
			<p>满洲里，北疆明珠，等您来探索！</p>
		</div>
	</div>
	<div class='footer'>
		<p>满洲里商务局竭诚为您服务！</p>
	</div>
</body>
</html>