77 lines
2.4 KiB
HTML
77 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<script src="./js/rem.js"></script>
|
||
<link rel="stylesheet" href="./css/clear.css">
|
||
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2269051_b2rhotn085.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="header">
|
||
<i class="iconfont icon-back"></i>
|
||
<span>全部课程</span>
|
||
<i class="iconfont icon-home"></i>
|
||
</div>
|
||
<div class="content">
|
||
|
||
<div class="shop">
|
||
<ul class="shop_menu">
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li class="active">特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
<li>特价课程</li>
|
||
</ul>
|
||
<ul class="shop_list">
|
||
<li>
|
||
<img src="./img/item.png" alt="">
|
||
<div class="list_r">
|
||
<p>名师书法</p>
|
||
<div class="price">
|
||
<div class="price_l">
|
||
￥<span>2500</span>元
|
||
</div>
|
||
<div class="price_r"> 销量：150份 </div>
|
||
</div>
|
||
<div class="numbers">
|
||
<div class="reduce"></div>
|
||
<span>1</span>
|
||
<div class="plus">+</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="car">
|
||
<div class="car_icon">
|
||
<i class="iconfont icon-gouwuche"></i>
|
||
<span>2</span>
|
||
</div>
|
||
<div class="car_submit">选好了</div>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
</html> |