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

<!DOCTYPE html>
<html>
<head>
	<title>满洲里商务局跨境电商培训报名</title>
	<style>
		body{
			background-image: url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fupload-images.jianshu.io%2Fupload_images%2F4667160-78140c4351c00b29.jpg&refer=http%3A%2F%2Fupload-images.jianshu.io&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1690281956&t=51abc44468b77c8a1d879bc1b84f0886');
			background-size: cover;
			background-repeat: no-repeat;
		}
		h1{
			color: white;
			background-color: #1E90FF;
			text-align: center;
			padding: 20px;
			margin-top: 0;
		}
		.container{
			margin: 50px auto;
			width: 80%;
			background-color: rgba(255, 255, 255, 0.8);
			padding: 20px;
			border-radius: 10px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
			position: relative;
		}
		#polar-bear{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			animation: move 5s infinite;
		}
		@keyframes move{
			0%{
				top: 50%;
				left: 50%;
			}
			25%{
				top: 20%;
				left: 80%;
			}
			50%{
				top: 80%;
				left: 20%;
			}
			75%{
				top: 20%;
				left: 20%;
			}
			100%{
				top: 50%;
				left: 50%;
			}
		}
	</style>
</head>
<body>
	<h1>商务局帮助电商企业成长</h1>
	<div class='container'>
		<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>
			<input type='submit' value='登录'>
		</form>
		<hr>
		<p>还没有账号？<a href='#'>立即注册</a></p>
		<p>忘记密码？<a href='#'>找回密码</a></p>
		<img src='https://www.clipartmax.com/png/middle/14-140452_polar-bear-clipart-baby-polar-bear-clipart.png' alt='北极熊图标' id='polar-bear'>
	</div>
</body>
</html>