<!DOCTYPE html>
<html>
<head>
<title>叮当网</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="fonts/css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/index.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>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="image/logo.png" /></a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#"><img src="image/Ship_girl_1041.png" />首页<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html"><img src="image/Ship_girl_1042.png" />登录</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false"><img src="image/Ship_girl_1043.png" />
图书分类
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#"><img src="image/Ship_girl_1047.png" />程序设计</a>
<a class="dropdown-item" href="#"><img src="image/Ship_girl_1048.png">Web开发</a>
<a class="dropdown-item" href="#"><img src="image/Ship_girl_1049.png">数据库管理</a>
<a class="dropdown-item" href="#"><img src="image/Ship_girl_1249.png" />Linux管理</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link " href="fenlei.html" tabindex="-1" aria-disabled="true"><img src="image/Ship_girl_1044.png" />更多…</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<!------------------------------------------------------------------------------------------!>
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- 指示符 -->
<br /><br /><br />
<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>
<li data-target="#demo" data-slide-to="3"></li>
</ul>
<!-- 轮播图片 -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="image/2345_image_file_copy_4.jpg">
</div>
<div class="carousel-item">
<img src="image/2345_image_file_copy_1.jpg">
</div>
<div class="carousel-item">
<img src="image/2345_image_file_copy_2.jpg">
</div>
<div class="carousel-item">
<img src="image/2345_image_file_copy_3.jpg">
</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 class="lanbai"><img class="img-fluid" src=""image/timgdygfidhf.jpg /></div>
<div id="demo" class="carousel slide" data-ride="carousel" data-interval = "0">
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
</ul>
<div id="qwe">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col" style="background-color:#fcf3e2;"><img class="img-fluid" src="image/购物.png" alt="Chania">
</div>
<div class="col" style="background-color:#78b1c5;"><img class="img-fluid" src="image/已支付.png" alt="Chania">
</div>
<div class="col" style="background-color:#fcf3e2;"><img class="img-fluid" src="image/历史.png" alt="Chania">
</div>
<div class="col" style="background-color:#78b1c5;"><img class="img-fluid" src="image/成人.png" Chania">
</div>
</div>
<div class="row">
<div class="col" style="background-color:#fcf3e2;"> <p>购物</p></div>
<div class="col" style="background-color:#78b1c5;"> <p>已支付</p></div>
<div class="col" style="background-color:#fcf3e2;"> <p>历史</div>
<div class="col" style="background-color:#78b1c5;"> <p>成人</div>
</div>
<div class="row">
<div class="col" style="background-color:#78b1c5;"><img class="img-fluid" src="image/待收货.png" alt="Chania">
</div>
<div class="col" style="background-color:#fcf3e2;"><img class="img-fluid" src="image/推荐.png" alt="Chania">
</div>
<div class="col" style="background-color:#78b1c5;"><img class="img-fluid" src="image/收藏夹.png" alt="Chania">
</div>
<div class="col" style="background-color:#fcf3e2;"><img class="img-fluid" src="image/退%20款.png" alt="Chania">
</div>
</div>
<div class="row">
<div class="col" style="background-color:#78b1c5;"> <p>待收货</p></div>
<div class="col" style="background-color:#fcf3e2;"> <p>推荐</p></div>
<div class="col" style="background-color:#78b1c5;"> <p>收藏夹</p></div>
<div class="col" style="background-color:#fcf3e2;"> <p>退款</p></div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col" style="background-color:#fcf3e2;"><img class="img-fluid" src="image/购物.png" alt="Chania">
</div>
<div class="col" style="background-color:#78b1c5;"><img class="img-fluid" src="image/已支付.png" alt="Chania">
</div>
<div class="col" style="background-color:#fcf3e2;"><img class="img-fluid" src="image/历史.png" alt="Chania">
</div>
<div class="col" style="background-color:#78b1c5;"><img class="img-fluid" src="image/成人.png" Chania">
</div>
</div>
<div class="row">
<div class="col" style="background-color:#fcf3e2;"> <p>购物</p></div>
<div class="col" style="background-color:#78b1c5;"> <p>已支付</p></div>
<div class="col" style="background-color:#fcf3e2;"> <p>历史</p></div>
<div class="col" style="background-color:#78b1c5;"> <p>成人</p></div>
</div>
<div class="row">
<div class="col" style="background-color:#78b1c5;"><img class="img-fluid" src="image/待收货.png" alt="Chania">
</div>
<div class="col" style="background-color:#fcf3e2;"><img class="img-fluid" src="image/推荐.png" alt="Chania">
</div>
<div class="col" style="background-color:#78b1c5;"><img class="img-fluid" src="image/收藏夹.png" alt="Chania">
</div>
<div class="col" style="background-color:#fcf3e2;"><img class="img-fluid" src="image/退%20款.png" alt="Chania">
</div>
</div>
<div class="row">
<div class="col" style="background-color:#78b1c5;"> <p>待收货</p></div>
<div class="col" style="background-color:#fcf3e2;"> <p>推荐</p></div>
<div class="col" style="background-color:#78b1c5;"> <p>收藏夹</p></div>
<div class="col" style="background-color:#fcf3e2;"> <p>退款</p></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>
</div>
<div class="lanbai"><img class="img-fluid" src=""image/timgdygfidhf.jpg /></div>
<div class="xinren">
<img class="img-fluid" src="image/Screenshot_2020-11-02-10-24-57-963_com.shizhuang..jpg" "/>
</div>
<div class="xihuan">
<img class="img-fluid" src="image/猜你喜欢.png" >每日推荐 猜你喜欢！
</div>
<div id="dem" class="carousel slide" data-ride="carousel">
<!-- 指示符 -->
<ul class="carousel-indicators">
<li data-target="#dem" data-slide-to="0" class="active"></li>
<li data-target="#dem" data-slide-to="1"></li>
<li data-target="#dem" data-slide-to="2"></li>
</ul>
<!-- 轮播图片 -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="image/%7D4%5B@@%7B1TLHOY~KEKO@AB%7B%60R.png">
</div>
<div class="carousel-item">
<img src="image/)2WQ1EJH%5B5Z40RD($V4E(ID.png">
</div>
<div class="carousel-item">
<img src="image/TFV%25~%5BAWV$5%5D0VQA6DJ$W(7.png">
</div>
</div>
<!-- 左右切换按钮 -->
<a class="carousel-control-prev" href="#dem" data-slide="prev" style="color: #155724;">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#dem" data-slide="next" style="color: #155724;>
<span class="carousel-control-next-icon"></span>
</a>
</div>
<br/>
<div class="container">
<ul class="nav nav-pills" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="pill" href="#home">漫趣</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#menu1">天闻角川</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="pill" href="#menu2">幻萌</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div id="home" class="container tab-pane active"><br>
<h3>漫趣</h3>
<div class="row">
<div class="col"><img class="img-fluid" src="image/P_$2I)QCQU9ZF%7BZ5X3MR%5BRA.png" alt="Chania">
路人女主的养成方法</div>
<div class="col"><img class="img-fluid" src="image/2345截图20201102143007.png" alt="Chania">
少女前线</div>
<div class="row">
<div class="col"><img class="img-fluid" src="image/2345截图20201102143047.png" alt="Chania">
少女前线</div>
<div class="col"><img class="img-fluid" src="image/2345截图20201102143236.png" alt="Chania">
少女前线</div>
</div>
<div class="row">
<div class="col"><img class="img-fluid" src="image/2345截图20201102143348.png" alt="Chania">
少女前线</div>
<div class="col"><img class="img-fluid" src="image/S(0(%605UJ1KB(Z(%25ACFB7$%25C.png" alt="Chania">
少女前线</div>
</div>
</div>
</div>
<div id="menu1" class="container tab-pane fade"><br>
<h3>幻萌</h3>
<div class="row">
<div class="col"><img class="img-fluid" src="image/P_$2I)QCQU9ZF%7BZ5X3MR%5BRA.png" alt="Chania">
路人女主的养成方法</div>
<div class="col"><img class="img-fluid" src="image/S(0(%605UJ1KB(Z(%25ACFB7$%25C.png" alt="Chania">
少女前线</div>
</div>
<div class="row">
<div class="col"><img class="img-fluid" src="image/2345截图20201102145939.png" alt="Chania">
路人女主的养成方法</div>
<div class="col"><img class="img-fluid" src="image/2345截图20201102150416.png" alt="Chania">
少女前线</div>
</div>
<div class="row">
<div class="col"><img class="img-fluid" src="image/2345截图20201102150450.png" alt="Chania">
路人女主的养成方法</div>
<div class="col"><img class="img-fluid" src="image/TB2yZqGedfJ8KJjy0FeXXXKEXXa_!!3191712852.jpg" alt="Chania">
少女前线</div>
</div>
</div>
<div id="menu2" class="container tab-pane fade"><br>
<h3>天闻角川</h3>
<div class="row">
<div class="col"><img class="img-fluid" src="image/P_$2I)QCQU9ZF%7BZ5X3MR%5BRA.png" alt="Chania">
路人女主的养成方法</div>
<div class="col"><img class="img-fluid" src="image/S(0(%605UJ1KB(Z(%25ACFB7$%25C.png" alt="Chania">
少女前线</div>
</div>
<div class="row">
<div class="col"><img class="img-fluid" src="image/2345截图20201102184244.png" alt="Chania">
路人女主的养成方法</div>
<div class="col"><img class="img-fluid" src="image/2345截图20201102151228.png" alt="Chania">
少女前线</div>
</div>
<div class="row">
<div class="col"><img class="img-fluid" src="image/2345截图20201102151211.png" alt="Chania">
路人女主的养成方法</div>
<div class="col"><img class="img-fluid" src="image/2345截图20201102184301.png" alt="Chania">
少女前线</div>
</div>
</div>
</div>
</div>
<br/><br/><br/><br/>
<nav class="navbar navbar-expand-lg navbar-dark fixed-bottom" id="juli">
<div id="wangge">
<div class="row" >
<div class="col" style="background-color:#f60;" id="juli"><img class="img-fluid" src="image/我%20的_副本.png" alt="Chania">
</div>
<div class="col" style="background-color:#f60;"><img class="img-fluid" src="image/历史_副本.png" alt="Chania">
</div>
<div class="col" style="background-color:#f60;"><img class="img-fluid" src="image/已支付_副本.png" alt="Chania">
</div>
<div class="col" style="background-color:#f60;"><img class="img-fluid" src="image/待收货_副本.png" Chania">
</div>
</div>
<div class="row" class="qsd" >
<div class="col"><p>我的</P></div>
<div class="col"><p>历史</P></div>
<div class="col"><p>支付</P></div>
<div class="col"><p>待收货</P></div>
</div>
</nav>
</body>
</html>