<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" type="text/css" href="../css/reset.css" />
<link rel="stylesheet" href="../css/login.css" />
</head>
<body>
<!--头部-->
<div class="header">
<!--logo-->
<h1 class="logo"></h1>
<!--搜索框-->
<div class="search">
<form
action="https://www.baidu.com/s"
target="_blank"
autocomplete="off"
>
<input type="text" name="wd" placeholder="请输入您想要搜索的内容" />
<button>搜索</button>
</form>
</div>
<!--菜单栏-->
<ul class="nav">
<li>
<a href="">首页</a>
</li>
<li>
<a href="">模块</a>
</li>
<li>
<a href="">模块</a>
</li>
<li>
<a href="">模块</a>
</li>
<li>
<a href="">更多</a>
</li>
</ul>
</div>
<!--登录-->
<div class="login">
<div class="loginInner">
<ul class="loginForm">
<li>会员登录</li>
<li>
<span>账号 </span>
<input type="text" placeholder="邮箱/ID/手机号" />
</li>
<li>
<span>密码</span>
<input type="password" placeholder="请输入您的密码" />
</li>
<li>
<input type="checkbox" checked />
<span>两周内自动登录</span>
</li>
<li>
<button>登 录</button>
<a href="#">忘记密码</a>
</li>
<li>
<input type="checkbox" />
<span>我同意</span>
<a href="#">用户协议</a>
<span>和</span>
<a href="#">隐私政策</a>
</li>
<li><a href="#">还不是会员？立即注册</a></li>
</ul>
</div>
</div>
<!--底部-->
<div class="footer">
<div class="footerInner">
<dl>
<dd>服务中心</dd>
<dt><a href="#">申请售后</a></dt>
<dt><a href="#">售后政策</a></dt>
<dt><a href="#">订单查询</a></dt>
<dt><a href="#">服务网点</a></dt>
</dl>
<dl>
<dd>关注我们</dd>
<dt><a href="#">新浪微博</a></dt>
<dt><a href="#">官网微信</a></dt>
<dt><a href="#">联系我们</a></dt>
<dt><a href="#">公益基金会</a></dt>
</dl>
<dl>
<dd></dd>
<dt><a href="#">400-100-5678</a></dt>
<dt><a href="#">8:00-18:00(仅收市话费)</a></dt>
<!-- <dt><a href="#">2003-2022 版权所有 京公网安备11010502002124号 沪ICP备09045640号-1 问卷调研
不良和违法信息举报专线：0316-5266032 涉未成年人举报专线：0316-5266032 涉违法和不良信息/未成年人举报邮箱：shensu@jiayuan.com</a></dt> -->
</dl>
</div>
<div class="footerImg">
<img src="../images/QQ图片20240107181849.jpg" alt="" width="100px" height="100px">
<p>微信小程序</p>
</div>
</div>
</body>
</html>
世纪佳缘.rar
需积分: 0 20 浏览量
2024-01-07
20:05:53
上传
评论
收藏 141KB RAR 举报
世纪佳缘.rar （7个子文件） 
世纪佳缘 .vscode 
settings.json 42B
世纪佳缘.html 3KB Css reset.css 1KB login.css 3KB images 
nv_1.jpg 178KB logo.jpeg 17KB QQ图片20240107181849.jpg 8KB资源评论
