You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

127 lines
6.5 KiB

<!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>
<!--<meta charset="utf-8">-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<style>
/* Make the image fully responsive */
.carousel-inner img {
width:100%;
height:100%;
}
</style>
<link rel="stylesheet" href="cssfile/css.css" />
<link rel="stylesheet" href="cssfile/shopcss.css" />
</head>
<body>
<div id="a">
<div id="dl"></div>
<div id="c"><div id="b"><p><span>闲书网</span>&nbsp;&nbsp;(二手书交易平台)</p></div></div>
<div id="f"><div id="d">
<ul>
<li><a href="index.html">首页</a>
<li><a href="renzhong.html">官方商城</a>
<li style="background:#FFFFFF; color:#000000; border:solid 1px #00CC00;"><a href="shop.html" style="color:#000000;">网上商城</a>
<li><a href="#">闲家乐</a>
<li><a href="shequ.html">闲友社区</a>
<li><a href="game.html">闲友游戏</a>
<li><a href="huiyuan.html">会员登录</a>
<li><a href="#">关于我们</a>
</ul>
</div></div>
<!--<div id="g"><img src="image/front/HomePage1.png" width="1300"/></div>-->
<div id="demo" class="carousel slide" data-ride="carousel" >
<!-- 指示符 -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ul>
<!-- 轮播图片 -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="image/front/Child.png">
</div>
<div class="carousel-item">
<img src="image/front/HomePage1.png">
</div>
<div class="carousel-item">
<img src="image/front/master.png">
</div>
</div>
<!-- 左右切换按钮 -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
<div id="h">
<div id="h1"><p>&nbsp;&nbsp;计算机学科<span>更多</span></p></div>
<div id="i"><div id="i1"><img src="image/BookPic/System.png" /></div><div id="i2">深入理解计算机系统</div><div id="i3">¥28.80&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Fog.png" /></div><div id="i2">穿越计算机的迷雾</div><div id="i3">¥19.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="商品界面.html">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Sci.png" /></div><div id="i2">计算机科学概论</div><div id="i3">¥15.5&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Web.png" /></div><div id="i2">计算机网络</div><div id="i3">¥29.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Turing.png" /></div><div id="i2">图灵3部曲</div><div id="i3">¥19.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
</div>
<div id="j">
<div id="h1"><p>&nbsp;&nbsp;艺术设计<span>更多</span></p></div>
<div id="i"><div id="i1"><img src="image/BookPic/Rodin.png" /></div><div id="i2">罗丹艺术论</div><div id="i3">¥17.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/World.png" /></div><div id="i2">艺术创世记</div><div id="i3">¥19.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Philosophy.png" /></div><div id="i2">艺术哲学</div><div id="i3">¥15.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Comfort.png" /></div><div id="i2">艺术的慰藉</div><div id="i3">¥12.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Spirit.png" /></div><div id="i2">艺术精神</div><div id="i3">¥13.5&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
</div>
<div id="j">
<div id="h1"><p>&nbsp;&nbsp;建筑设计<span>更多</span></p></div>
<div id="i"><div id="i1"><img src="image/BookPic/Base.png" /></div><div id="i2">建筑设计基础</div><div id="i3">¥14.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Door.png" /></div><div id="i2">建筑设计快速入门</div><div id="i3">¥19.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Method.png" /></div><div id="i2">建筑设计的构思方法</div><div id="i3">¥17.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Enough.png" /></div><div id="i2">建筑设计看这本就够了</div><div id="i3">¥19.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
<div id="i"><div id="i1"><img src="image/BookPic/Rule.png" /></div><div id="i2">建筑设计防火规范</div><div id="i3">¥15.9&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a></div></div>
</div>
<div id="k"><img src="image/乐农舍首页/TIM图片20190514003106.png" /></div>
<div id="botton"><div id="botton1">
<br /><p align="center">&copy 闲书网 版权所有</p>
</div></div>
</div>
</body>
</html>