Files
ClassContent/历届学生/fontendsix/项目练习/学生项目/王安民/10-27/t50.html
2024-09-27 02:06:13 +08:00

224 lines
7.6 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>
<link rel="stylesheet" href="../clear.css">
<link rel="stylesheet" href="css/">
<link rel="stylesheet" href="css/t50.css">
</head>
<body>
<div class="header">
<img src="img/return.png" class="return" alt="">
<div class="search">
<img src="img/search.png" alt="">
<input type="text" value="试试搜索夏季连衣裙">
</div>
</div>
<div class="content">
<div class="shop">
<div class="shop_rel">
<div class="shop_left">
<img src="img/headimg.png" alt="">
<div>
<p class="shop_name">菲尔斯盾旗舰店</p>
<p class="shop_fans">粉丝3.4万 </p>
</div>
</div>
<div class="shop_right">+ 关注</div>
</div>
<ul class="shop_list">
<li>首页</li>
<li>商品</li>
<li>上新</li>
<li>优惠</li>
<li>动态</li>
</ul>
</div>
<ul class="Discount">
<li>
<div class="Discount_left">
<p>¥ 5</p>
<div>满99元可使用</div>
</div>
<div class="Discount_right">
<p>优惠券</p>
<div>立即领取</div>
</div>
</li>
<li>
<div class="Discount_left">
<p>¥ 5</p>
<div>满99元可使用</div>
</div>
<div class="Discount_right">
<p>优惠券</p>
<div>立即领取</div>
</div>
</li>
<li>
<div class="Discount_left">
<p>¥ 5</p>
<div>满99元可使用</div>
</div>
<div class="Discount_right">
<p>优惠券</p>
<div>立即领取</div>
</div>
</li>
<li>
<div class="Discount_left">
<p>¥ 5</p>
<div>满99元可使用</div>
</div>
<div class="Discount_right">
<p>优惠券</p>
<div>立即领取</div>
</div>
</li>
<li>
<div class="Discount_left">
<p>¥ 5</p>
<div>满99元可使用</div>
</div>
<div class="Discount_right">
<p>优惠券</p>
<div>立即领取</div>
</div>
</li>
</ul>
</div>
<div class="turn">
<img src="img/banner1.png" alt="">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="live">
<div class="live_left">
<img src="img/zb.png" alt="">
<div class="live_center">
<p>秒杀终极专场!!!</p>
<div class="live_center_zb">
<div class="live_red ">●直播中</div>
<span>3857观看</span>
</div>
</div>
</div>
<div class="live_right">
<img class="heart" src="img/heart.png"></img>
<p>2349</p>
</div>
</div>
<div class="Second_purchase">
<div class="Second_purchase_title">
<div class="s_p_t_left">
<img src="img/clock.png" alt="">
<p>限时秒购</p>
</div>
<div class="s_p_t_right">
<span>距结束</span>
<ul>
<li>
<p>30</p>
<div>:</div>
</li>
<li>
<p>08</p>
<div>:</div>
</li>
<li>
<p>42</p>
</li>
</ul>
</div>
</div>
<ul class="Second_purchase_content">
<li>
<img src="img/clock_img.png" alt="">
<p>388.<span>00</span></p>
</li>
<li>
<img src="img/clock_img.png" alt="">
<p>388.<span>00</span></p>
</li>
<li>
<img src="img/clock_img.png" alt="">
<p>388.<span>00</span></p>
</li>
<li>
<img src="img/clock_img.png" alt="">
<p>388.<span>00</span></p>
</li>
</ul>
</div>
<div class="today">
<div class="today_title">
<img src="img/left.png" alt="">>
<div>今日必拼</div>
<img src="img/right.png" alt="">
</div>
<ul class="today_content">
<li>
<img class="sp" src="img/sp.png" alt="">
<div class="today_content_right">
<p>2019夏季新款牛仔短裤女宽松阔腿热裤韩
版百搭胖mm夏装显瘦潮</p>
<div class="today_content_n">
<div class="today_content_num">
<p>¥200.00</p>
<span>已拼10万+件</span>
</div>
<div class="today_content_user">
<img src="img/user1.png" alt="">
<img src="img/user2.png" alt="">
</div>
</div>
</div>
</li>
<li>
<img class="sp" src="img/sp.png" alt="">
<div class="today_content_right">
<p>2019夏季新款牛仔短裤女宽松阔腿热裤韩
版百搭胖mm夏装显瘦潮</p>
<div class="today_content_n">
<div class="today_content_num">
<p>¥200.00</p>
<span>已拼10万+件</span>
</div>
<div class="today_content_user">
<img src="img/user1.png" alt="">
<img src="img/user2.png" alt="">
</div>
</div>
</div>
</li>
<li>
<img class="sp" src="img/sp.png" alt="">
<div class="today_content_right">
<p>2019夏季新款牛仔短裤女宽松阔腿热裤韩
版百搭胖mm夏装显瘦潮</p>
<div class="today_content_n">
<div class="today_content_num">
<p>¥200.00</p>
<span>已拼10万+件</span>
</div>
<div class="today_content_user">
<img src="img/user1.png" alt="">
<img src="img/user2.png" alt="">
</div>
</div>
</div>
</li>
v
</ul>
</div>
<div class="footer"></div>
</body>
<script src="js/rom.js"></script>
</html>