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

<!DOCTYPE html>
<html>
<head>
	<title>满洲里跨境电商培训报名 - 满洲里商务局</title>
	<meta name='description' content='满洲里商务局举办跨境电商培训， 助力企业拓展国际市场，欢迎报名参加！'>
	<meta name='keywords' content='满洲里,跨境电商,培训,商务局,电商,报名,俄罗斯,蒙古,边境口岸'>
	<style>
		body {
			background-color: #E0FFFF;
		}
		h1 {
			text-align: center;
			color: #008B8B;
		}
		#login {
			margin: auto;
			width: auto;
			height: auto;
			background-color: #FFFFFF;
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0 0 10px #008B8B;
		}
		#register {
			display: none;
		}
		#forgot-password {
			display: none;
		}
		#welcome {
			position: absolute;
			right: 0;
			top: 20%;
			background-color: #008B8B;
			color: #FFFFFF;
			padding: 10px;
			border-radius: 10px;
			box-shadow: 0 0 10px #008B8B;
			animation: move-right 5s infinite alternate;
		}
		#north-jewel {
			position: absolute;
			left: 0;
			top: 20%;
			background-color: #008B8B;
			color: #FFFFFF;
			padding: 10px;
			border-radius: 10px;
			box-shadow: 0 0 10px #008B8B;
			animation: move-left 5s infinite alternate;
		}
		footer {
			text-align: center;
			color: #008B8B;
			margin-top: 50px;
		}
        @keyframes move-right {
            from { top: 20%; }
            to { top: 70%; }
        }
        @keyframes move-left {
            from { top: 20%; }
            to { top: 70%; }
        }
	</style>
</head>
<body>
	<h1>满洲里商务局跨境电商培训报名</h1>
	<div id='login'>
		<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>
			<button type='submit'>登录</button>
			<button type='button' onclick="document.getElementById('register').style.display='block'; document.getElementById('login').style.display='none';">注册</button>
			<button type='button' onclick="document.getElementById('forgot-password').style.display='block'; document.getElementById('login').style.display='none';">找回密码</button>
		</form>
		<div id='register'>
			<form>
				<label for='new-username'>用户名:</label>
				<input type='text' id='new-username' name='new-username'><br><br>
				<label for='new-password'>密码:</label>
				<input type='password' id='new-password' name='new-password'><br><br>
				<label for='confirm-password'>确认密码:</label>
				<input type='password' id='confirm-password' name='confirm-password'><br><br>
				<button type='submit'>注册</button>
			</form>
		</div>
		<div id='forgot-password'>
			<form>
				<label for='email'>电子邮件:</label>
				<input type='email' id='email' name='email'><br><br>
				<button type='submit'>找回密码</button>
			</form>
		</div>
	</div>
	<div id='welcome'>
		<h2>欢迎报名</h2>
		<p>我们提供最专业的跨境电商培训，让您轻松掌握电商知识。</p>
	</div>
	<div id='north-jewel'>
		<h2>北疆明珠</h2>
		<p>满洲里是中国最大的边境口岸城市，是通往俄罗斯和蒙古的重要交通枢纽。</p>
	</div>
	<footer>满洲里商务局竭诚为您服务！</footer>
</body>
</html>