Files
ClassContent/历届学生/front-end-team-11/项目开发/学生项目/贡婉宝/4.27/8/index.html
2024-09-27 02:06:13 +08:00

224 lines
9.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="../1/js/rem.js"></script>
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="content">
<div class="header">
<img src="./img/1.png" class="header_img">
<div class="header_div">
<img src="./img/2.png" class="header_div_img">
<input type="text" placeholder="试试搜索夏季连衣裙" class="header_div_zi">
</div>
</div>
<div class="content_div">
<div class="ship">
<div class="ship_div">
<img src="./img/4.png" class="ship_img">
<div class="ship_div_x">
<div class="ship_div_zi">菲尔斯盾旗舰店</div>
<div class="ship_div_zi1">粉丝3.4万 </div>
</div>
</div>
<div class="ship_div1">
<div class="ship_div1_zi">+</div>
<div class="ship_div1_zi1">关注</div>
</div>
</div>
<ul class="navigation">
<li class="qqq">首页</li>
<li>商品</li>
<li>上新</li>
<li>优惠</li>
<li>动态</li>
</ul>
<div class="volume">
<div class="volume_div">
<div class="volume_div_z">
<div class="volume_div_z_s">
<div class="volume_div_z_s_zi">¥</div>
<div class="volume_div_z_s_zi1">5</div>
</div>
<div class="volume_div_z_x">满99元可使用</div>
</div>
<div class="volume_div_y">
<div class="volume_div_y_zi">优惠券</div>
<div class="volume_div_y_zi1"> <span>立即领取</span></div>
</div>
<img class="volume_img" src="./img/5.png">
</div>
<div class="volume_div">
<div class="volume_div_z">
<div class="volume_div_z_s">
<div class="volume_div_z_s_zi">¥</div>
<div class="volume_div_z_s_zi1">5</div>
</div>
<div class="volume_div_z_x">满99元可使用</div>
</div>
<div class="volume_div_y">
<div class="volume_div_y_zi">优惠券</div>
<div class="volume_div_y_zi1"> <span>立即领取</span></div>
</div>
<img class="volume_img" src="./img/5.png">
</div>
<div class="volume_div">
<div class="volume_div_z">
<div class="volume_div_z_s">
<div class="volume_div_z_s_zi">¥</div>
<div class="volume_div_z_s_zi1">5</div>
</div>
<div class="volume_div_z_x">满99元可使用</div>
</div>
<div class="volume_div_y">
<div class="volume_div_y_zi">优惠券</div>
<div class="volume_div_y_zi1"> <span>立即领取</span></div>
</div>
<img class="volume_img" src="./img/5.png">
</div>
</div>
</div>
<img src="./img/6.png" class="content_img">
<div class="deals">
<div class="deals_q">
<img src="./img/7.png" class="deals_img">
<div class="deals_div">
<div class="deals_div_s">秒杀终极专场!!!</div>
<div class="deals_div_x">
<img src="./img/8.png" class="deals_div_x_img">
<div class="deals_div_x_zi">3857观看</div>
</div>
</div>
</div>
<div class="deals_div1">
<img src="./img/9.png" class="deals_div1_img">
<div class="deals_div1_zi">2349</div>
</div>
</div>
<div class="Seconds">
<div class="Seconds_div">
<img class="Seconds_div_img" src="./img/10.png">
<div class="Seconds_div_zi">限时秒购</div>
</div>
<div class="Seconds_div1">
距结束
<div class="Seconds_div1_zi">30</div>:
<div class="Seconds_div1_zi1">08</div>:
<div class="Seconds_div1_zi2">42</div>
</div>
</div>
<ul class="fig">
<li class="fig_li">
<img class="fig_li_img" src="./img/11.png">
<div class="fig_li_div">
<span>¥</span>388.00
</div>
</li>
<li class="fig_li">
<img class="fig_li_img" src="./img/11.png">
<div class="fig_li_div">
<span>¥</span>388.00
</div>
</li>
<li class="fig_li">
<img class="fig_li_img" src="./img/11.png">
<div class="fig_li_div">
<span>¥</span>388.00
</div>
</li>
<li class="fig_li">
<img class="fig_li_img" src="./img/11.png">
<div class="fig_li_div">
<span>¥</span>388.00
</div>
</li>
</ul>
<ul class="content_div2">
<ul class="content_div2_hr"></ul>
<ul class="content_div2_d"></ul>
<ul class="content_div2_d1"></ul>
<ul class="content_div2_zi">今日必拼</ul>
<ul class="content_div2_d"></ul>
<ul class="content_div2_d1"></ul>
<ul class="content_div2_hr"></ul>
</ul>
<ul class="detail">
<li class="detail_li">
<img class="detail_li_img" src="./img/12.png">
<div class="writing">
<div class="writing_div">2019夏季新款牛仔短裤女宽松阔腿热裤韩版百搭胖mm夏装显瘦潮</div>
<div class="writing_div1">
<div class="writing_div1_s">
<div class="writing_div1_s_zi"><span>¥</span>200.00</div>
<div class="writing_div1_s_zi1"> 已拼10万+件</div>
</div>
<div class="writing_div1_x">
<img class="writing_di1_x_img" src="./img/14.png">
<img class="writing_div1_x_img1" src="./img/13.png">
</div>
</div>
</div>
</li>
<li class="detail_li">
<img class="detail_li_img" src="./img/15.png">
<div class="writing">
<div class="writing_div">连衣裙2019夏新款女装智熏法式桔梗雪纺显瘦复古裙子预售</div>
<div class="writing_div1">
<div class="writing_div1_s">
<div class="writing_div1_s_zi"><span>¥</span>320.00</div>
<div class="writing_div1_s_zi1"> 已拼10万+件</div>
</div>
<div class="writing_div1_x">
<img class="writing_di1_x_img" src="./img/14.png">
<img class="writing_div1_x_img1" src="./img/13.png">
</div>
</div>
</div>
</li>
<li class="detail_li">
<img class="detail_li_img" src="./img/12.png">
<div class="writing">
<div class="writing_div">2019夏季新款牛仔短裤女宽松阔腿热裤韩版百搭胖mm夏装显瘦潮</div>
<div class="writing_div1">
<div class="writing_div1_s">
<div class="writing_div1_s_zi"><span>¥</span>200.00</div>
<div class="writing_div1_s_zi1"> 已拼10万+件</div>
</div>
<div class="writing_div1_x">
<img class="writing_di1_x_img" src="./img/14.png">
<img class="writing_div1_x_img1" src="./img/13.png">
</div>
</div>
</div>
</li>
<li class="detail_li">
<img class="detail_li_img" src="./img/15.png">
<div class="writing">
<div class="writing_div">连衣裙2019夏新款女装智熏法式桔梗雪纺显瘦复古裙子预售</div>
<div class="writing_div1">
<div class="writing_div1_s">
<div class="writing_div1_s_zi"><span>¥</span>320.00</div>
<div class="writing_div1_s_zi1"> 已拼10万+件</div>
</div>
<div class="writing_div1_x">
<img class="writing_di1_x_img" src="./img/14.png">
<img class="writing_div1_x_img1" src="./img/13.png">
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="footer"></div>
</body>
</html>