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

<!DOCTYPE html>
<html>
<head>
	<title>满洲里商务局跨境电商培训报名 - 免费在线报名</title>
	<style>
		body {
			background-color: #ADD8E6;
			background-image: url('C:\Users\kac\Desktop\mzl.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		h1 {
			text-align: center;
			color: white;
			background-color: #007FFF;
			padding: 20px;
		}
		#login {
			margin: auto;
			width: 50%;
			height: auto;
			background-color: white;
			padding: 20px;
		}
		#welcome {
			position: absolute;
			top: 20%;
			right: 5%;
			width: 20%;
			background-color: #007FFF;
			padding: 20px;
			color: white;
		}
		#jewel {
			position: absolute;
			top: 20%;
			left: 5%;
			width: 20%;
			background-color: #007FFF;
			padding: 20px;
			color: white;
		}
		#footer {
			text-align: center;
			color: white;
			background-color: #007FFF;
			padding: 10px;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
		}
	</style>
</head>
<body>
	<h1>满洲里商务局跨境电商培训报名</h1>
	<div id="login">
		<h2>登录</h2>
		<form>
			<label for="username">用户名:</label><br>
			<input type="text" id="username" name="username"><br>
			<label for="password">密码:</label><br>
			<input type="password" id="password" name="password"><br><br>
			<input type="submit" value="登录">
		</form>
		<br>
		<a href="#">注册</a> | <a href="#">找回密码</a>
	</div>
	<div id="welcome">
		<h2>欢迎报名</h2>
		<p>请填写以下信息进行报名</p>
	</div>
	<div id="jewel">
		<h2>北疆明珠</h2>
		<p>欢迎来到满洲里</p>
	</div>
	<div id="footer">
		<p>满洲里商务局竭诚为您服务！</p>
	</div>
</body>
</html>