满洲里商务局跨境电商培训报名 - 报名参加我们的课程 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>满洲里商务局跨境电商培训报名 - 报名参加我们的课程</title>
	<style>
		body {
			background-color: #E6F0F5;
			background-image: url('C:\Users\kac\Desktop\mzl.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		h1 {
			text-align: center;
			color: #FFFFFF;
			background-color: #007FFF;
			padding: 20px;
		}
		.container {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 50px;
		}
		.form {
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #FFFFFF;
			padding: 20px;
			box-shadow: 0px 0px 10px #888888;
		}
		.module {
			position: absolute;
			top: 20%;
			width: 20%;
			height: 10%;
			padding: 10px;
			background-color: #FFFFFF;
			box-shadow: 0px 0px 10px #888888;
		}
		.right {
			right: 0;
		}
		.left {
			left: 0;
		}
		.footer {
			text-align: center;
			font-size: 20px;
			color: #FFFFFF;
			background-color: #007FFF;
			padding: 20px;
			position: absolute;
			bottom: 0;
			width: 100%;
		}
	</style>
</head>
<body>
	<h1>满洲里商务局跨境电商培训报名</h1>
	<div class='container'>
		<div class='form'>
			<button>注册</button>
			<button>登录</button>
			<button>找回密码</button>
		</div>
		<div class='module right'>
			<h2>欢迎报名</h2>
			<p>请填写下面的表格报名参加我们的跨境电商培训课程。</p>
		</div>
		<div class='module left'>
			<h2>北疆明珠</h2>
			<p>满洲里是中国与俄罗斯的重要口岸城市，是北疆的明珠。</p>
		</div>
	</div>
	<div class='footer'>
		满洲里商务局竭诚为您服务！
	</div>
</body>
</html>