|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
|
|
|
<title>乐农社区</title>
|
|
|
<link rel="stylesheet" href="cssfile/shequcss.css" />
|
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
|
<link rel="stylesheet" href="css/index.css">
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div id="a">
|
|
|
<div id="dl"></div>
|
|
|
<div id="c"><div id="b"><p><span>闲书网</span> (二手书交易平台)</p></div></div>
|
|
|
<div id="f"><div id="d">
|
|
|
<ul>
|
|
|
<li><a href="index.html">首页</a>
|
|
|
<li><a href="renzhong.html">官方商城</a>
|
|
|
<li><a href="shop.html">网上商城</a>
|
|
|
<li><a href="#">闲家乐</a>
|
|
|
<li><a href="shequ.html" style="background:#FFFFFF; color:#000000; border-bottom:solid 1px #00CC00;">闲友社区</a>
|
|
|
<li><a href="game.html">闲友游戏</a>
|
|
|
<li><a href="huiyuan.html" >会员登录</a>
|
|
|
<li><a href="#">关于我们</a>
|
|
|
</ul>
|
|
|
</div></div>
|
|
|
|
|
|
<div id="bo">
|
|
|
<div class="main">
|
|
|
<div class="main-inner body-width">
|
|
|
<div class="banner clearfix">
|
|
|
<div class="slider" id="slider">
|
|
|
<ul class="slider-wrapper">
|
|
|
<li class="item" data-title="这位上神！速速到我的本子里来">
|
|
|
<a href="#" class="pic"><img src="image/0011024011166071_b.jpg" alt="图片加载失败"></a> </li>
|
|
|
<li class="item" data-title="想换上新衣去旅行！" data-author="by 占秋">
|
|
|
<a href="#" class="pic"><img src="images/cont/slider_img2.jpg" alt="#"></a> </li>
|
|
|
<li class="item" data-title="你的书写工具需要一个庇护所" data-author="by Moollly">
|
|
|
<a href="#" class="pic"><img src="images/cont/slider_img3.jpg" alt="#"></a> </li>
|
|
|
<li class="item" data-title="气温起伏，一件外套保护你" data-author="by 郑南音">
|
|
|
<a href="#" class="pic"><img src="images/cont/slider_img4.jpg" alt="#"></a> </li>
|
|
|
<li class="item" data-title="鲜为人知的泰国小众小城——董里">
|
|
|
<a href="#" class="pic"><img src="images/cont/slider_img5.jpg" alt="#"></a> </li>
|
|
|
</ul>
|
|
|
<a href="javascript:;" class="slider-prev"></a>
|
|
|
<a href="javascript:;" class="slider-next"></a>
|
|
|
<div class="slider-title">
|
|
|
<h2></h2>
|
|
|
<span></span> </div>
|
|
|
<div class="slider-btns">
|
|
|
<span class="item"></span>
|
|
|
<span class="item"></span>
|
|
|
<span class="item"></span>
|
|
|
<span class="item"></span>
|
|
|
<span class="item"></span> </div>
|
|
|
</div>
|
|
|
<div class="banner-info">
|
|
|
<div class="news body-border">
|
|
|
<ul>
|
|
|
<li class="title">社区热点</li>
|
|
|
<li class="link">
|
|
|
<a href="#">计算机系统</a>
|
|
|
<span></span>
|
|
|
<a href="#">Python入门</a>
|
|
|
<span></span>
|
|
|
<a href="#">每日菜谱</a>
|
|
|
<span></span>
|
|
|
<a href="#">今日说法</a>
|
|
|
<span></span>
|
|
|
<a href="#">童话大全</a>
|
|
|
<span></span>
|
|
|
<a href="#">生鲜</a>
|
|
|
<span></span>
|
|
|
<a href="#">Java零基础</a>
|
|
|
<span></span> </li>
|
|
|
<li class="choose">
|
|
|
<a href="#">『人气编程语言』 大合集</a>
|
|
|
<span class="icon-text__pink">精选</span> </li>
|
|
|
<li class="assistant">
|
|
|
<p>闲友小助手: <a href="#">我要当程序员</a></p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="app body-border"><a href="#"></a></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="box">
|
|
|
<div class="main-cont main-album">
|
|
|
<div class="main-cont__title">
|
|
|
<h3>社区精选</h3>
|
|
|
</div>
|
|
|
<ul class="main-cont__list clearfix">
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/01.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600">看多了正统角度讲述的各种艺术史相关，来个感性的分析，还是蛮有意思的！
|
|
|
</a><p style="font-size:14px; margin-top:-7px">1548人阅读 点赞量：23</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/02.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600">小十六开精装，全书装帧非常精美考究,我非常喜欢，很推荐。
|
|
|
</a><p style="font-size:14px; margin-top:-7px">2255人阅读 点赞量：30</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/03.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600">我们要像艺术家一样的思考，但不能像艺术家一样的生活。</a>
|
|
|
<p style="font-size:14px; margin-top:-7px">1130人阅读 点赞量：18</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/04.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600" >读过好几遍了，对爱好艺术的朋友是一本非常不错的书，大家一起来看！</a>
|
|
|
<p style="font-size:14px; margin-top:-7px">1956人阅读 点赞量：42</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/05.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600">建筑设计的初学者很适合看这本书，通过案例分析来传达知识点，还在研究当中。</a>
|
|
|
<p style="font-size:14px; margin-top:-7px">1203人阅读 点赞量：26</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div id="box">
|
|
|
<div class="main-cont main-album">
|
|
|
<ul class="main-cont__list clearfix">
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/06.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600">各种脑洞大开，适合学生时代拓宽思路，工作之后也看看十分有趣。
|
|
|
</a><p style="font-size:14px; margin-top:-7px">1523人阅读 点赞量：52</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/07.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600">自己在书店买了一本。价格还比书店便宜些，方便好多好多，纸质一样的好。
|
|
|
</a><p style="font-size:14px; margin-top:-7px">1523人阅读 点赞量：52</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/08.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600">渐渐成为东野圭吾的书迷，准备过年了。要多买一些书，就不怕过年闷。</a>
|
|
|
<p style="font-size:14px; margin-top:-7px">956人阅读 点赞量:26</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/09.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600" >真的非常棒了！包装很好，配送也快，内容非常吸引人～.</a>
|
|
|
<p style="font-size:14px; margin-top:-7px">1265人阅读 点赞量:36</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="item">
|
|
|
<a href="#" class="pic"><img src="image/comments/10.png" alt="#"></a>
|
|
|
<div class="info">
|
|
|
<a href="#" class="title" style="font-size:17px; font-weight:600">世纪三部曲是一部史诗巨著，是我们时代的经典，剧情跌宕起伏，很精彩。</a>
|
|
|
<p style="font-size:14px; margin-top:-7px">1589人阅读 点赞量:45</p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="botton"><div id="botton1">
|
|
|
<br /><p align="center">© 闲书网 版权所有</p>
|
|
|
</div></div>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
