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

<!DOCTYPE html>
<html>
<head>
	<title>满洲里商务局跨境电商培训报名 - 助力电商企业成长</title>
	<style>
		body {
			background-color: #1E1E1E;
			color: white;
		}
		h1 {
			color: #FFD700;
			text-align: center;
		}
		.container {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin: 50px 100px;
		}
		.login {
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #333;
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #888;
		}
		.login input {
			margin: 10px;
			padding: 10px;
			border-radius: 5px;
			border: none;
		}
		.login button {
			margin: 10px;
			padding: 10px;
			border-radius: 5px;
			border: none;
			background-color: #FFD700;
			color: #1E1E1E;
			font-weight: bold;
			cursor: pointer;
		}
		.welcome {
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #333;
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0px 0px 10px #888;
			position: absolute;
			right: 100px;
			top: 200px;
			animation: move-up-down 2s ease-in-out infinite;
		}
		@keyframes move-up-down {
			0% {
				transform: translateY(0);
			}
			50% {
				transform: translateY(-10px);
			}
			100% {
				transform: translateY(0);
			}
		}
	</style>
</head>
<body>
	<h1>商务局帮助电商企业成长</h1>
	<div class="container">
		<div class="login">
			<h2>登录</h2>
			<input type="text" placeholder="用户名">
			<input type="password" placeholder="密码">
			<button>登录</button>
			<p>还没有账号？<a href="#">注册</a></p>
			<p><a href="#">找回密码</a></p>
		</div>
		<div class="welcome">
			<h2>欢迎报名</h2>
			<p>报名满洲里商务局跨境电商培训，开启您的电商之路！</p>
		</div>
	</div>
</body>
</html>