155 lines
3.9 KiB
HTML
155 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/public.css">
|
|
<link rel="stylesheet" href="./css/footer.css">
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1137546_bpl8no2p8f.css">
|
|
<link rel="stylesheet" href="./css/book.css">
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div class="header">
|
|
<div class="header_search">
|
|
<div class="search_f">
|
|
<img class="search_one" src="./img/search.png" alt="">
|
|
<input type="text" placeholder="搜索本地或书城">
|
|
<img class="search_two" src="./img/sao.png" alt="">
|
|
|
|
</div>
|
|
<div class="search_t">
|
|
<p>分类</p>
|
|
</div>
|
|
</div>
|
|
<div class="header_menu">
|
|
<ul>
|
|
<li>精选</li>
|
|
<li>女生</li>
|
|
<li>男生</li>
|
|
<li>出版</li>
|
|
<li>VIP</li>
|
|
<li>限免</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="banner">
|
|
<img src="./img/banner.png" alt="">
|
|
</div>
|
|
<div class="clas">
|
|
<ul>
|
|
<li>
|
|
<img src="./img/paihang.png" alt="">
|
|
<p>排行</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/huiyuan.png" alt="">
|
|
<p>会员</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/shequ.png" alt="">
|
|
<p>社区</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/mianfei.png" alt="">
|
|
<p>免费</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="like back-fff">
|
|
<div class="like_title">
|
|
<h3>猜你喜欢</h3>
|
|
<p>查看更多
|
|
<i class="iconfont icon-jiantou1"></i>
|
|
</p>
|
|
</div>
|
|
<div class="like_list">
|
|
<ul>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="like back-fff">
|
|
<div class="like_title">
|
|
<h3>猜你喜欢</h3>
|
|
<p>查看更多
|
|
<i class="iconfont icon-jiantou1"></i>
|
|
</p>
|
|
</div>
|
|
<div class="like_list">
|
|
<ul>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item.png" alt="">
|
|
<p>名门宠婚：重生千金霸气归来</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<ul>
|
|
<li>
|
|
<img src="./img/book.png" alt="">
|
|
<p>书架</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/chat.png" alt="">
|
|
<p>书架</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/man.png" alt="">
|
|
</li>
|
|
<li>
|
|
<img src="./img/music.png" alt="">
|
|
<p>轻音乐</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/user.png" alt="">
|
|
<p>我的</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |