424 lines
15 KiB
HTML
424 lines
15 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>饿了么</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2390285_977y3vv83ek.css">
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/pub.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 头部开始 -->
|
|
<div class="header">
|
|
<div class="header_top">
|
|
<i class="iconfont icon-dingwei"></i>
|
|
<span class="hearer_top_2">信地.城市广场</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
<div class="header_bottom">
|
|
<i class="iconfont icon-sousuo"></i>
|
|
<span>搜索饿了么商家，商品名称</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 头部结束 -->
|
|
|
|
<!-- 中间内容开始 -->
|
|
<!-- 中间内容上方区域开始 -->
|
|
<ul class="cont_top">
|
|
<li>
|
|
<img src="./img/icons.jpeg" alt="">
|
|
<span>美食</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icons.jpeg" alt="">
|
|
<span>美食</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icons.jpeg" alt="">
|
|
<span>美食</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icons.jpeg" alt="">
|
|
<span>美食</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icons.jpeg" alt="">
|
|
<span>美食</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icons.jpeg" alt="">
|
|
<span>美食</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icons.jpeg" alt="">
|
|
<span>美食</span>
|
|
</li>
|
|
<li>
|
|
<img src="./img/icons.jpeg" alt="">
|
|
<span>美食</span>
|
|
</li>
|
|
</ul>
|
|
<!-- 中间内容上方区域结束 -->
|
|
|
|
<!-- 中间内容品质套餐开始 -->
|
|
<div class="pinzhi">
|
|
<div class="pinzhi_left">
|
|
<span>品质套餐</span>
|
|
<span>搭配齐全吃的好</span>
|
|
<span>立即抢购 ></span>
|
|
</div>
|
|
<img src="./img/111.png" alt="">
|
|
</div>
|
|
<!-- 中间内容品质套餐结束 -->
|
|
|
|
<!-- 中间内容超级会员开始 -->
|
|
<div class="huangguan">
|
|
<div class="huangguan_left">
|
|
<i class="iconfont icon-icon_huangguan"></i>
|
|
<span>超级会员.</span>
|
|
<span>已经为我节省一百万元</span>
|
|
</div>
|
|
<div class="huangguan_right">
|
|
<span>下单即可获得奖励金</span>
|
|
<span>></span>
|
|
</div>
|
|
</div>
|
|
<!-- 中间内容超级会员结束 -->
|
|
|
|
<!-- 中间内容下方区域开始 -->
|
|
<div class="cont_bottom">
|
|
<div>
|
|
<span class="cont_tuijian">推荐商家</span>
|
|
</div>
|
|
|
|
<ul class="zonghe">
|
|
<li>
|
|
<span>综合排序</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</li>
|
|
<li>
|
|
<span>综合排序</span>
|
|
</li>
|
|
<li>
|
|
<span>综合排序</span>
|
|
</li>
|
|
<li>
|
|
<span>综合排序</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
|
|
<ul class="zhonxia">
|
|
<li class="zhonxia_zhon">
|
|
<img src="./img/1112.JPEG" alt="">
|
|
|
|
<div class="zhon_xin_a">
|
|
<div class="zho_xin_b">
|
|
<p class="zho_p"><span>品牌</span> 正新鸡排(信地城市广场店)</p>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
|
|
<div class="zho_k">
|
|
<img src="./img/zan.svg" alt="">
|
|
<span>4.4 月售293单</span>
|
|
</div>
|
|
|
|
<div class="qishong">
|
|
<span>¥20起送 | 夜间配送5¥</span>
|
|
<span>69m | 31分钟</span>
|
|
</div>
|
|
|
|
<span class="qitakuaican">其他快餐</span>
|
|
|
|
<div class="manjian">
|
|
<div class="manjian_a">
|
|
<span class="man">满</span>
|
|
<span class="man_2">满40减30,满40减30满40减30,满40减30满40减30,满40减30满40减30,满40减30</span>
|
|
</div>
|
|
|
|
<div class="manjian_b">
|
|
<span>3个活动</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tejiashangp">
|
|
<span>特</span>
|
|
<span>特价商品0.9元起</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="zhonxia_zhon">
|
|
<img src="./img/1112.JPEG" alt="">
|
|
|
|
<div class="zhon_xin_a">
|
|
<div class="zho_xin_b">
|
|
<p class="zho_p"><span>品牌</span> 正新鸡排(信地城市广场店)</p>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
|
|
<div class="zho_k">
|
|
<img src="./img/zan.svg" alt="">
|
|
<span>4.4 月售293单</span>
|
|
</div>
|
|
|
|
<div class="qishong">
|
|
<span>¥20起送 | 夜间配送5¥</span>
|
|
<span>69m | 31分钟</span>
|
|
</div>
|
|
|
|
<span class="qitakuaican">其他快餐</span>
|
|
|
|
<div class="manjian">
|
|
<div class="manjian_a">
|
|
<span class="man">满</span>
|
|
<span class="man_2">满40减30,满40减30满40减30,满40减30满40减30,满40减30满40减30,满40减30</span>
|
|
</div>
|
|
|
|
<div class="manjian_b">
|
|
<span>3个活动</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tejiashangp">
|
|
<span>特</span>
|
|
<span>特价商品0.9元起</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="zhonxia_zhon">
|
|
<img src="./img/1112.JPEG" alt="">
|
|
|
|
<div class="zhon_xin_a">
|
|
<div class="zho_xin_b">
|
|
<p class="zho_p"><span>品牌</span> 正新鸡排(信地城市广场店)</p>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
|
|
<div class="zho_k">
|
|
<img src="./img/zan.svg" alt="">
|
|
<span>4.4 月售293单</span>
|
|
</div>
|
|
|
|
<div class="qishong">
|
|
<span>¥20起送 | 夜间配送5¥</span>
|
|
<span>69m | 31分钟</span>
|
|
</div>
|
|
|
|
<span class="qitakuaican">其他快餐</span>
|
|
|
|
<div class="manjian">
|
|
<div class="manjian_a">
|
|
<span class="man">满</span>
|
|
<span class="man_2">满40减30,满40减30满40减30,满40减30满40减30,满40减30满40减30,满40减30</span>
|
|
</div>
|
|
|
|
<div class="manjian_b">
|
|
<span>3个活动</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tejiashangp">
|
|
<span>特</span>
|
|
<span>特价商品0.9元起</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="zhonxia_zhon">
|
|
<img src="./img/1112.JPEG" alt="">
|
|
|
|
<div class="zhon_xin_a">
|
|
<div class="zho_xin_b">
|
|
<p class="zho_p"><span>品牌</span> 正新鸡排(信地城市广场店)</p>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
|
|
<div class="zho_k">
|
|
<img src="./img/zan.svg" alt="">
|
|
<span>4.4 月售293单</span>
|
|
</div>
|
|
|
|
<div class="qishong">
|
|
<span>¥20起送 | 夜间配送5¥</span>
|
|
<span>69m | 31分钟</span>
|
|
</div>
|
|
|
|
<span class="qitakuaican">其他快餐</span>
|
|
|
|
<div class="manjian">
|
|
<div class="manjian_a">
|
|
<span class="man">满</span>
|
|
<span class="man_2">满40减30,满40减30满40减30,满40减30满40减30,满40减30满40减30,满40减30</span>
|
|
</div>
|
|
|
|
<div class="manjian_b">
|
|
<span>3个活动</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tejiashangp">
|
|
<span>特</span>
|
|
<span>特价商品0.9元起</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="zhonxia_zhon">
|
|
<img src="./img/1112.JPEG" alt="">
|
|
|
|
<div class="zhon_xin_a">
|
|
<div class="zho_xin_b">
|
|
<p class="zho_p"><span>品牌</span> 正新鸡排(信地城市广场店)</p>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
|
|
<div class="zho_k">
|
|
<img src="./img/zan.svg" alt="">
|
|
<span>4.4 月售293单</span>
|
|
</div>
|
|
|
|
<div class="qishong">
|
|
<span>¥20起送 | 夜间配送5¥</span>
|
|
<span>69m | 31分钟</span>
|
|
</div>
|
|
|
|
<span class="qitakuaican">其他快餐</span>
|
|
|
|
<div class="manjian">
|
|
<div class="manjian_a">
|
|
<span class="man">满</span>
|
|
<span class="man_2">满40减30,满40减30满40减30,满40减30满40减30,满40减30满40减30,满40减30</span>
|
|
</div>
|
|
|
|
<div class="manjian_b">
|
|
<span>3个活动</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tejiashangp">
|
|
<span>特</span>
|
|
<span>特价商品0.9元起</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="zhonxia_zhon">
|
|
<img src="./img/1112.JPEG" alt="">
|
|
|
|
<div class="zhon_xin_a">
|
|
<div class="zho_xin_b">
|
|
<p class="zho_p"><span>品牌</span> 正新鸡排(信地城市广场店)</p>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
|
|
<div class="zho_k">
|
|
<img src="./img/zan.svg" alt="">
|
|
<span>4.4 月售293单</span>
|
|
</div>
|
|
|
|
<div class="qishong">
|
|
<span>¥20起送 | 夜间配送5¥</span>
|
|
<span>69m | 31分钟</span>
|
|
</div>
|
|
|
|
<span class="qitakuaican">其他快餐</span>
|
|
|
|
<div class="manjian">
|
|
<div class="manjian_a">
|
|
<span class="man">满</span>
|
|
<span class="man_2">满40减30,满40减30满40减30,满40减30满40减30,满40减30满40减30,满40减30</span>
|
|
</div>
|
|
|
|
<div class="manjian_b">
|
|
<span>3个活动</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tejiashangp">
|
|
<span>特</span>
|
|
<span>特价商品0.9元起</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="zhonxia_zhon">
|
|
<img src="./img/1112.JPEG" alt="">
|
|
|
|
<div class="zhon_xin_a">
|
|
<div class="zho_xin_b">
|
|
<p class="zho_p"><span>品牌</span> 正新鸡排(信地城市广场店)</p>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
|
|
<div class="zho_k">
|
|
<img src="./img/zan.svg" alt="">
|
|
<span>4.4 月售293单</span>
|
|
</div>
|
|
|
|
<div class="qishong">
|
|
<span>¥20起送 | 夜间配送5¥</span>
|
|
<span>69m | 31分钟</span>
|
|
</div>
|
|
|
|
<span class="qitakuaican">其他快餐</span>
|
|
|
|
<div class="manjian">
|
|
<div class="manjian_a">
|
|
<span class="man">满</span>
|
|
<span class="man_2">满40减30,满40减30满40减30,满40减30满40减30,满40减30满40减30,满40减30</span>
|
|
</div>
|
|
|
|
<div class="manjian_b">
|
|
<span>3个活动</span>
|
|
<i class="iconfont icon-choose"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tejiashangp">
|
|
<span>特</span>
|
|
<span>特价商品0.9元起</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<!-- 中间内容下方区域结束 -->
|
|
<!-- 中间内容结束 -->
|
|
|
|
<!-- 底部开始 -->
|
|
<div class="bottom">
|
|
<ul class="bottom_a">
|
|
<li class="bottom_b bottom_c">
|
|
<i class="iconfont icon-biaoqianA01_shouye-11"></i>
|
|
<span>首页</span>
|
|
</li>
|
|
<li class="bottom_b">
|
|
<i class="iconfont icon-biaoqianA01_shouye-11"></i>
|
|
<span>首页</span>
|
|
</li>
|
|
<li class="bottom_b">
|
|
<i class="iconfont icon-biaoqianA01_shouye-11"></i>
|
|
<span>首页</span>
|
|
</li>
|
|
<li class="bottom_b">
|
|
<i class="iconfont icon-biaoqianA01_shouye-11"></i>
|
|
<span>首页</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 底部结束 -->
|
|
</body>
|
|
|
|
</html> |