171 lines
4.5 KiB
HTML
171 lines
4.5 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">
|
|
<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="./css/index.css">
|
|
<title>小说app</title>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div class="main">
|
|
|
|
<div class="header back-fff">
|
|
<div class="search">
|
|
<div class="search_left">
|
|
<img src="./img/search.png" alt="">
|
|
<input type="text" placeholder="搜索本地或书城">
|
|
<img src="./img/sao.png" alt="">
|
|
</div>
|
|
<div class="search_class">
|
|
<p>分类</p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="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="class_menu">
|
|
<ul>
|
|
<li>
|
|
<img src="./img/ph.png" alt="">
|
|
<p>排行</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/vip.png" alt="">
|
|
<p>会员</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/sq.png" alt="">
|
|
<p>社区</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/mianfei.png" alt="">
|
|
<p>免费</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="list_book">
|
|
<div class="book_item back-fff">
|
|
<div class="item_title">
|
|
<p>猜你喜欢</p>
|
|
<span>查看更多</span>
|
|
</div>
|
|
<div class="book_content">
|
|
<ul>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="book_item back-fff">
|
|
<div class="item_title">
|
|
<p>猜你喜欢</p>
|
|
<span>查看更多</span>
|
|
</div>
|
|
<div class="book_content">
|
|
<ul>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/item_1.png" alt="">
|
|
<p>龙凤双宝：爹地，妈咪给你抱</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<ul>
|
|
<li>
|
|
<img src="./img/book.png" alt="">
|
|
<p>书架</p>
|
|
</li>
|
|
<li>
|
|
<img src="./img/tubiao.png" alt="">
|
|
<p>书城</p>
|
|
</li>
|
|
<li class="main">
|
|
<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>
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |