Correcting teacher:PHPz
Correction status:qualified
Teacher's comments:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>登录页</title>
<link rel="stylesheet" href="felx-login.css" />
<link
rel="stylesheet"
href="//at.alicdn.com/t/c/font_3962778_0fyvy9jjizwi.css"
/>
</head>
<body>
<header>
<span>未来科技</span>
<select name="" id="">
<option value="1">中文</option>
<option value="2">English</option>
</select>
</header>
<main>
<div class="warp">
<!-- 左边区域 -->
<div class="left">
<div class="title">邮箱登陆</div>
<form action="">
<input type="text" name="uname" placeholder="请输入邮箱地址/账号" />
<input type="password" name="pwd" placeholder="请输入密码" />
<button>登陆</button>
</form>
<div class="other-mod">
<div class="other-tit">
<span>其他登陆方式</span>
</div>
<div class="other-con">
<div class="other-link">
<a href=""><i class="iconfont icon-QQ"></i><span>QQ</span></a>
</div>
<div class="other-link">
<a href=""
><i class="iconfont icon-weixin"></i><span>微信</span></a
>
</div>
<div class="other-link">
<a href=""
><i class="iconfont icon-baidu"></i><span>百度</span></a
>
</div>
<div class="other-link">
<a href=""
><i class="iconfont icon-baidu"></i><span>微博</span></a
>
</div>
<div class="other-link">
<a href=""
><i class="iconfont icon-douyin"></i><span>抖音</span></a
>
</div>
</div>
<div class="other-tool">
<div class="other-tool-item"><a href="">立即注册</a></div>
<div class="other-tool-item"><a href="">忘记密码</a></div>
</div>
</div>
<div class="tips">
<p>登录遇到问题?</p>
<p>
原登录方式不可用、密码无法找回、账号管理员变动,前往进行
<a href="" target="_blank">自助申诉</a>
<br />
其他登录异常,请参考
<a href="" target="_blank">登录异常帮助文档</a>
</p>
</div>
</div>
<!-- 右边区域 -->
<div class="right"></div>
</div>
</main>
<footer>
<p>
Copyright © 2023 Tencent Cloud. All Rights Reserved. 未来科技
版权所有
</p>
</footer>
</body>
</html>
.tips {
padding-top: 20px;
margin-top: 20px;
border-top: 1px dashed #ddd;
}
.tips > p:nth-child(1) {
color: #555;
font-size: 14px;
padding-bottom: 10px;
}
.tips > p:nth-child(2) {
font-size: 12px;
color: #999;
line-height: 22px;
}
.tips a {
color: coral;
}
footer {
height: 60px;
line-height: 60px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #f7f8fa;
border-top: 1px solid #dedfe1;
font-size: 14px;
}
footer > p {
color: #999;
}
```