100度享乐电商网 html

16 篇文章 0 订阅
5 篇文章 1 订阅

CODE:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/base.js" ></script>
</head>
<body>
<div id="header" class="gradient">
<p class="city fl">
切换城市:
<a href="#" class="active">北京</a>
<a href="#">上海</a>
<a href="#">杭州</a>
<a href="#">青岛</a>
<a href="#">广州</a>
</p>
<p class="link fr">
<a href="#" class="icon1">加盟100度</a> |
<a href="#" class="icon2">店铺管理</a>
</p>
</div>

<div id="nav">
<ul class="nav1">
<li>
<a href="#" class="bg1">美食</a>
</li> 
<li>
<a href="#" class="bg2">夜店</a>
</li>
<li>
<a href="#" class="bg3">购物</a>
</li>
<li>
<a href="#" class="bg4">文化</a>
</li>
<li>
<a href="#" class="bg5">休闲</a>
</li>
</ul>
<h1>
<a href="#">
<img src="img/logo.png" />
</a>
</h1>
<ul class="nav2">
<li>
<a href="#" class="bg6">烧客空间</a>
</li>
<li>
<a href="#" class="bg7">知道分子</a>
</li>
<li>
<a href="#" class="bg8">白吃白拿</a>
</li>
<li>
<a href="#" class="bg9">烧客论坛</a>
</li>
<li>
<a href="#" class="bg10">企业俱乐部</a>
</li>
</ul>
</div>

<div id="search" class="gradient">
<div class="bar">
<ul class="menu">
<li class="active">搜店</li>
<li class="gradient">地址</li>
<li class="gradient">优惠劵</li>
<li class="gradient">全文</li>
<li class="gradient">视频</li>
</ul>


</div>
<div class="img">

</div>
<div class="form">
<form action="#">
<input type="text" class="text" value="例如:荷棠鱼坊烤鱼 或 樱花日本料理" />
<button type="btn" class="btn"></button>
</form>
</div>
<div class="key_text">
<a href="#">金钱豹</a>、<a href="#">大江南</a>、<a href="#">湘水之珠</a>、<a href="#">德瑀楼</a> 
<a href="#">荷棠鱼坊烤鱼</a>、<a href="#">SOHO尚都</a>、<a href="#">湘味楼</a>...
</div>

<div class="update">
<div class="wrap">
<ul>
<li>
<a href="#"><strong>萱萱</strong> <span>5分钟前</span> 写了一篇新文章:那些灿烂华美的瞬间…</a>
</li>
<li>
<a href="#"><strong>咖啡</strong> <span>5分钟前</span> 写了一篇新文章:那些灿烂华美的瞬间…</a>
</li>
<li>
<a href="#"><strong>绿茶</strong> <span>5分钟前</span> 写了一篇新文章:那些灿烂华美的瞬间…</a>
</li>
<li>
<a href="#"><strong>奶茶</strong> <span>5分钟前</span> 写了一篇新文章:那些灿烂华美的瞬间…</a>
</li>
<li>
<a href="#"><strong>柠檬茶</strong> <span>5分钟前</span> 写了一篇新文章:那些灿烂华美的瞬间…</a>
</li>
</ul>
</div>
<a href="javascript:;" class="up" id="up"></a>
<a href="javascript:;" class="down" id="down"></a>

</div>

</div>

<div class="main">
<div class="section fl">
<div class="video fl">
<h1 class="video_title">WHAT,HOT</h1>
<div class="img">
<img src="img/img.jpg"/>
</div>

<ul class="hot_list">
<li>
<a href="#" style="color: #4d4d4d;">现场实录:杭州机场国航系统的崩溃</a>
</li>
<li>
<a href="#" style="color: #4d4d4d;">现场实录:杭州机场国航系统的崩溃</a>
</li>
<li>
<a href="#" style="color: #4d4d4d;">现场实录:杭州机场国航系统的崩溃</a>
</li>
</ul>



</div>
<!--选项卡-->
<div class="options fr">
<ul class="nav">
<li class="active fl">
<span>HOT SHOP</span>
<strong>红店铺</strong>
<a href="javascript:;" class="down"></a>
</li>
<li class="gradient fr">
<span>EW SHOP</span>
<strong>新开张</strong>
<a href="javascript:;" class="down"></a>
</li>
</ul>

<div class="tabs">
<ul class="hot_list">
<li>
<div class="img fl">
<img src="img/shop_img.jpg" />
</div>
<div class="shop_text fr">
<a href="#">
<h3>御舟和涵珍园国际酒店</h3>
<p>区域:朝阳/CBD</p>
<p>人均:180元</p>
<p>人气:12321</p>

</a>
</div>
</li>
<li>
<div class="img fl">
<img src="img/shop_img.jpg" />
</div>
<div class="shop_text fr">
<a href="#">
<h3>御舟和涵珍园国际酒店</h3>
<p>区域:朝阳/CBD</p>
<p>人均:180元</p>
<p>人气:12321</p>

</a>
</div>
</li>
<li>
<div class="img fl">
<img src="img/shop_img.jpg" />
</div>
<div class="shop_text fr">
<a href="#">
<h3>御舟和涵珍园国际酒店</h3>
<p>区域:朝阳/CBD</p>
<p>人均:180元</p>
<p>人气:12321</p>

</a>
</div>
</li>



</ul>

<div class="more">
<img src="img/more.jpg" />
</div>

</div>

<!--tab2-->
<div class="tabs" style="display: none;">
<ul class="hot_list">
<li>
<div class="img fl">
<img src="img/shop_img.jpg" />
</div>
<div class="shop_text fr">
<a href="#">
<h3>御舟和涵珍园国际酒店</h3>
<p>区域:朝阳/CBD</p>
<p>人均:180元</p>
<p>人气:12321</p>

</a>
</div>
</li>
<li>
<div class="img fl">
<img src="img/shop_img.jpg" />
</div>
<div class="shop_text fr">
<a href="#">
<h3>御舟和涵珍园国际酒店</h3>
<p>区域:朝阳/CBD</p>
<p>人均:180元</p>
<p>人气:12321</p>

</a>
</div>
</li>
<li>
<div class="img fl">
<img src="img/shop_img.jpg" />
</div>
<div class="shop_text fr">
<a href="#">
<h3>御舟和涵珍园国际酒店2</h3>
<p>区域:朝阳/CBD</p>
<p>人均:180元</p>
<p>人气:12321</p>

</a>
</div>
</li>



</ul>

<div class="more">
<img src="img/more.jpg" />
</div>

</div>

</div>

<div class="advertisement fl">
<img src="img/advertisement.jpg"/>
</div>

<div class="calendar fl">
<div class="lucky-day">
<img src="img/corner.png"  class="corner"/>
<p class="lucky">LUCKY YODAY</p>
<h3>每日活动</h3>
<span class="year">2018</span>
 <div class="subject">
     <div class="shoes"></div>
     <div class="Day-subject">
      <span class="month">4</span>
      <span class="today">16</span>
     </div>
     <span class="theme">本日主题</span>
     <div class="subject-text">
      <p>迟到的荣誉——维米尔的写实主义风俗画迟到的荣誉维米尔画迟到的荣誉维米尔</p>
     </div>
 </div>
</div>
<div class="time">
  <ul class="week">
  <li>MON</li>
  <li>TUE</li>
  <li>WED</li>
  <li>THU</li>
  <li>FRI</li>
  <li>SAT</li>
  <li>SUN</li>
 </ul>
  <ul class="day">
  <li>29</li>
  <li>30</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
  <li>11</li>
  <li>12</li>
  <li>13</li>
  <li>14</li>
  <li>15</li>
  <li>16</li>
  <li>17</li>
  <li>18</li>
  <li>19</li>
  <li>20</li>
  <li>21</li>
  <li>22</li>
  <li>23</li>
  <li class="prompt"></li>
  <li>25</li>
  <li>26</li>
  <li>27</li>
  <li>28</li>
  <li>29</li>
  <li>30</li>
  <li>31</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
 </ul>
 <div class="picture">
  <img src="img/prompt.jpg" />
 </div>
</div>

</div>
<div class="recommand fl">
<h2></h2>
<div class="pic">
<img class="big-pic"  src="img/pic1.jpg" id="img"/>
<ul class="pic-group">
<li class="pic1" style="cursor: pointer;"></li>
<li class="pic2" style="cursor: pointer;"></li>
<li class="pic3" style="cursor: pointer;"></li>
</ul>
<p>爸爸去哪儿~</p>
</div>
<div class="shop-list">
<ul>
<li>
|老店换新颖,丰泽园野田重张亮相...
  <span>04/16/2018</span>
</li>
<li>
|生活中哪些商品的包装有缺陷野田
  <span>04/16/2018</span>
</li>
<li>
|老店换新颖,丰泽园野田重张亮相...
  <span>04/16/2018</span>
</li>
<li>
|生活中哪些商品的包装有缺陷野田
  <span>04/16/2018</span>
</li>
<li>
|老店换新颖,丰泽园野田重张亮相...
  <span>04/16/2018</span>
</li>
<li>
|生活中哪些商品的包装有缺陷野田
  <span>04/16/2018</span>
</li>
<li>
|老店换新颖,丰泽园野田重张亮相...
  <span>04/16/2018</span>
</li>
<li>
|生活中哪些商品的包装有缺陷野田
  <span>04/16/2018</span>
</li>
</ul>
</div>
</div>
<div class="options life fl">
<ul class="nav">
<li class="active fl">
<span>SUBWARY</span>
<strong>地铁</strong>
<a href="javascript:;" class="down"></a>
</li>
<li class="gradient fr">
<span>MAP</span>
<strong>生活圈</strong>
<a href="javascript:;" class="down"></a>
</li>
</ul>

<div class="tabs">
<img src="img/subway.png"/>
<div class="subway-line">
 <span><em>1</em>号线</span>
 <span><em>2</em>号线</span>
 <span><em>13</em>号线</span>
 <span><em>8</em>通线</span>
 <span><em>5</em>号线</span>
</div>  
</div>

<div class="tabs" style="display: none;">
<img src="img/subway.png"/>
<div class="subway-line">
 <span><em>3</em>号线</span>
 <span><em>4</em>号线</span>
 <span><em>14</em>号线</span>
 <span><em>9</em>通线</span>
 <span><em>6</em>号线</span>
</div>  
</div>
</div>
<div class="BBS fl">
<div class="forum">
<span class="BBS-forum fl">
<em>BBS</em>
论坛
</span>
<span class="BBS-more fr"> </span>
</div>
<div class="BBS-list">
<ul>
<li class="active">
<em>01</em>
<span>保你没见过的古怪餐厅</span>
<strong>世说新语</strong>
<div class="BBS-text">
<img src="img/bbs-pic.png" class="fl"/>
<p class="fl">画皮之——日剧中的手机</p>
<span class="fl">阿瑞斯</span>
<em class="fr">ONE</em>
</div>
</li>
<li>
<em>02</em>
<span>保你没见过的古怪餐厅</span>
<strong>世说新语</strong>
<div class="BBS-text">
<img src="img/bbs-pic.png" class="fl"/>
<p class="fl">画皮之——日剧中的手机</p>
<span class="fl">阿瑞斯</span>
<em class="fr">TWO</em>
</div>
</li>

<li>
<em>03</em>
<span>保你没见过的古怪餐厅</span>
<strong>世说新语</strong>
<div class="BBS-text">
<img src="img/bbs-pic.png" class="fl"/>
<p class="fl">画皮之——日剧中的手机</p>
<span class="fl">阿瑞斯</span>
<em class="fr">THREE</em>
</div>
</li>
<li>
<em>04</em>
<span>保你没见过的古怪餐厅</span>
<strong>世说新语</strong>
<div class="BBS-text">
<img src="img/bbs-pic.png" class="fl"/>
<p class="fl">画皮之——日剧中的手机</p>
<span class="fl">阿瑞斯</span>
<em class="fr">FOUR</em>
</div>
</li>
<li>
<em>05</em>
<span>保你没见过的古怪餐厅</span>
<strong>世说新语</strong>
<div class="BBS-text">
<img src="img/bbs-pic.png" class="fl"/>
<p class="fl">画皮之——日剧中的手机</p>
<span class="fl">阿瑞斯</span>
<em class="fr">FIVE</em>
</div>
</li>

<li>
<em>06</em>
<span>保你没见过的古怪餐厅</span>
<strong>世说新语</strong>
<div class="BBS-text">
<img src="img/bbs-pic.png" class="fl"/>
<p class="fl">画皮之——日剧中的手机</p>
<span class="fl">阿瑞斯</span>
<em class="fr">SIX</em>
</div>
</li>

<li>
<em>07</em>
<span>保你没见过的古怪餐厅</span>
<strong>世说新语</strong>
<div class="BBS-text">
<img src="img/bbs-pic.png" class="fl"/>
<p class="fl">画皮之——日剧中的手机</p>
<span class="fl">阿瑞斯</span>
<em class="fr">SEVEN</em>
</div>
</li>

</ul>
</div>
</div>

<div class="advertisement fl">
<img src="img/advertisement.jpg"/>
</div>
<!--知道分子-->
<div class="know fl">
<div class="advice">
  <h2>
<span>LIFESTYLE ADVICE</span>
<strong>知道分子</strong>
<img src="img/more.jpg" class="fr" />
  </h2>
  
<div class="question">

<ul class="nav">
<li class="gradient fl active">
<span>有人在问</span>
<a href="javascript:;" class="down"></a>
</li>
<li class="gradient fl">
<span>有人知道</span>
<a href="javascript:;" class="down"></a>
</li>
<li class="gradient fl">
<span>热门问题</span>
<a href="javascript:;" class="down"></a>
</li>
</ul>
 
</div>
 
  <div class="caption">
   <h3>
<strong>标题</strong>
   <em>状态</em>
</h3>
<ul class="fl">
<li><em>[<strong>美食2</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
</ul>
</div>
<!--caption2-->
<div class="caption" style="display: none;">
   <h3>
<strong>标题2</strong>
   <em>状态</em>
</h3>
<ul class="fl">
<li><em>[<strong>美食3</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
</ul>
</div>
<!--caption3-->
<div class="caption" style="display: none;">
   <h3>
<strong>标题3</strong>
   <em>状态</em>
</h3>
<ul class="fl">
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
<li><em>[<strong>美食</strong>]</em>
推荐几款性价比比较好的冰箱
<span class="correst2"></span>
</li>
</ul>
</div>
</div>
<div class="search">
<span>搜搜谁知道:<input type="text" placeholder="输入关键字"/><button type="button"></button></span>

</div>
</div>

<!--红人烧客-->
 <div class="red-guest fl">
<div class="hot-man">
<span>HOT</span>
<em>红人烧客</em>
<img src="img/more.jpg"/>
</div>
<div class="hot-people">
<img src="img/hot-cloth.jpg" />
 <div class="sex-ass">
   <img src="img/sex.png" class="sex"/>
      <div class="content">
      <p>用户名:性感宝贝</p>
      <p>区域:朝阳CBD</p>
      <p>人气:124987</p>
      </div>
 </div>
<img src="img/hot-cloth2.jpg" />
</div>
 </div>
 
  <div class="help fl">
   
     <span class="help-text">HELP</span>
     <em class="online">在线帮助</em>
    <p class="MSN">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您有任何问题,都可以通过全国免费电话,或MSN在线客服与我们联系</p>
  <div class="contact">
  <img src="img/telephone.png"/>
  <span>4006-100-516</span>
  <img src="img/email.png" class="email"/>
  <span>100du.com@live.cn</span>
  </div>
  <hr/>
   
  <div class="user-help">
  <span>用户帮助</span>
  <span class="merchant fr">商户帮助</span>
  <ul class="gold">
  <li><em>金币是什么</em></li>
  <li><em>怎样查看我的等级</em></li>
  <li><em>怎么赚积分</em></li>
  </ul>
  <ul class="start fr">
  <li><em>如何成为明星商户</em></li>
  <li><em>邮件推广</em></li>
  <li><em>论坛推广方法</em></li>
  </ul>
  </div>
   
  </div>
 <!--媒体声音-->
 <div class="Media-voice fl">
  <div class="media-text">
  <span class="hundred">100DU IN THE MEDIA</span>
  <em class="voice">媒体声音</em>
  <img src="img/more.jpg" class="fr"/>
  </div>
  <div class="news-group">
  <div class="magazine-gr">
  <span  class="magazine"></span>
  <p class="jp">日本最大的财经杂志《钻石周刊》对100度享乐网的报道</p>
  </div>
  <div class="magazine-gr">
  <span  class="magazine2"></span>
  <p class="jp">日本最大的财经杂志《钻石周刊》对100度享乐网的报道</p>
  </div>
  <div class="magazine-gr">
  <span  class="magazine3"></span>
  <p class="jp">日本最大的财经杂志《钻石周刊》对100度享乐网的报道</p>
  </div>
  <div class="magazine-gr">
  <span  class="magazine4"></span>
  <p class="jp">日本最大的财经杂志《钻石周刊》对100度享乐网的报道</p>
  </div>
  </div>
 </div>
 
 <div class="footer fl">
   <div class="about">
    <ul>
    <li>关于我们<em>|</em></li>
    <li>联系我们<em>|</em></li>
    <li>版权声明<em>|</em></li>
    <li>加入我们<em>|</em></li>
    <li>问题反馈<em>|</em></li>
    <li>友情链接<em>|</em></li>
    <li>网站地图<em>|</em></li>
    <li>视频索引</li>
    </ul>
   </div>
   <div class="copyright">
    <ul>
    <li>Copyright</li>
    <li>2008</li>
    <li>www.100du.com</li>
    <li>100度享乐网</li>
    <li>版权所有</li>
    <li>京IC证070374号</li>
    </ul>
   </div>
 </div>
 
</div>

<div class="sidebar fr">
<div class="sid">
<div class="load">
<div class="load-g">
<span class="load-text">LOAD</span>
   <strong class="denglu">登陆</strong>
</div>
</div> 
 
<div class="verify">
   <div class="message">
    <span>用户名:<input type="text" class="txt"/></span>
    <div class="chose">
    <input type="checkbox" class="check"/><em>记住我</em>
    </div>
   </div>
   
   <div class="password">
    <span>密码:<input type="text" class="txt"/></span>
    <button type="button"></button>
   </div>
   
   <div class="line"></div>
</div>
 
<div class="login">
<ul>
<li><span class="dot1"><img src="img/dot.png"/></span><a href="#">新用户注册</a></li>
<li><span class="dot2"><img src="img/dot.png"/></span><a href="#" class="forget">忘记密码了</a></li>
</ul>
</div>
    
</div>

  <div class="raffle fr">
    <img src="img/raffle.png" />
   </div>
   
   <div class="game fr">
      <img src="img/game.jpg" />
   </div>
   
   <div class="coupons fr">
    <h3>
    <span>
    <em>COUPONS</em>
    抢卷儿
    </span>
    <img src="img/more.jpg" />
    </h3>
    
    <div class="question">

<ul class="nav">
<li class="gradient fl active">
<span>人气</span>
<a href="javascript:;" class="down"></a>
</li>
<li class="gradient fl">
<span>推荐</span>
<a href="javascript:;" class="down"></a>
</li>
<li class="gradient fl">
<span>最新</span>
<a href="javascript:;" class="down"></a>
</li>
</ul>
 
</div>
 
  <div class="shop">
   <h4>
<strong class="shop-name">商店名</strong>
   <em class="province">省</em>
   <span class="print">打印</span>
</h4>
<ul class="fl">
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
</ul>
</div>

<!--shop2-->
<div class="shop" style="display: none;">
   <h4>
<strong class="shop-name">商店名2</strong>
   <em class="province">省</em>
   <span class="print">打印</span>
</h4>
<ul class="fl">
<li>
<img src="img/dot.png" />
         老北京二尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
</ul>
</div>
<!--shop3-->
<div class="shop" style="display: none;">
   <h4>
<strong class="shop-name">商店名3</strong>
   <em class="province">省</em>
   <span class="print">打印</span>
</h4>
<ul class="fl">
<li>
<img src="img/dot.png" />
         老北京三尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
<li>
<img src="img/dot.png" />
         老北京一尊皇牛
<em>12%</em>
<span>345</span>
</li>
</ul>
</div>
   </div>
   
   <div class="daily fr">
    <div class="daily-header">
    <span>SHOP</span>
    <em>今日推荐</em>
    <img src="img/more.jpg" />
    </div>
    <div class="daily-list">
    <ul>
    <li>
    <img src="img/daily-list.png"  class="fl"/>
    <div class="food">
    <span>汉莱国际美食百汇</span>
    <p><em>口味:</em>创意中餐</p>
    <p><em>区域:</em>朝阳/CBD</p>
    </div> 
    </li>
    <li>
    <img src="img/daily-list.png"  class="fl"/>
    <div class="food2">
    <span>汉莱国际美食百汇</span>
    <p><em>口味:</em>创意中餐</p>
    <p><em>区域:</em>朝阳/CBD</p>
    </div> 
    </li>
    <li>
    <img src="img/daily-list.png"  class="fl"/>
    <div class="food3">
    <span>汉莱国际美食百汇</span>
    <p><em>口味:</em>创意中餐</p>
    <p><em>区域:</em>朝阳/CBD</p>
    </div> 
    </li>
    <li>
    <img src="img/daily-list.png"  class="fl" style="margin-bottom:6px;"/>
    <div class="food4">
    <span>汉莱国际美食百汇</span>
    <p><em>口味:</em>创意中餐</p>
    <p><em>区域:</em>朝阳/CBD</p>
    </div> 
    </li>
    </ul>
    </div>
    <div class="line"></div>
   </div>
   <!--今日推荐end-->
   
   <div class="tsix fr">
    <div class="tsix-header">
    <span>360&nbsp;SHOP</span>
    <em>全景逛店</em>
    <img src="img/more.jpg" />
    </div>
    <div class="tsix-pic">
    <img src="img/360-shop.jpg" />
    </div>
    <p style="margin-left:12px;">苹果雪梨排骨汤</p>
   </div>
   
   <div class="discount fr">
    <div class="discount-header">
    <span>SHOP</span>
    <em>折扣店</em>
    <img src="img/more.jpg" />
    </div>
    
    <div class="discount-list">
    <ul>
    <li>
    <img src="img/daily-list.png"  class="fl"/>
    <div class="food">
    <span>汉莱国际美食百汇</span>
    <p><em>口味:</em>创意中餐</p>
    <p><em>区域:</em>朝阳/CBD</p>
    </div> 
    </li> 
    </div> 
    <div class="arder">
    <ul>
    <li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店) 
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店) 
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店) 
</li>
<li style="margin-bottom: 8px;">
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店) 
</li>
    </ul>
    </div>
   </div>
   
   <div class="coupons fr">
    <div class="coupons-header">
    <span>COUPONS</span>
    <em>最新加盟</em>
    <img src="img/more.jpg" />
    </div>
    
    <div class="food-pic"> 
    <img src="img/co-food2.jpg" class="fl"/>
    <img src="img/co-food.jpg" class="fr" />
    <div class="food fl">
    <span>汉莱国际美食百汇</span>
    <p><em>口味:</em>创意中餐</p>
    <p><em>区域:</em>朝阳/CBD</p>
    </div>
    <div class="food fr">
    <span>汉莱国际美食百汇</span>
    <p><em>口味:</em>创意中餐</p>
    <p><em>区域:</em>朝阳/CBD</p>
    </div> 
    </div>
    
    <div class="arder">
    <ul class="arder-list fl">
    <li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li>
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
<li style="margin-bottom:15px;">
    <img src="img/dot.png" />
    <em>[<strong>休闲</strong>]</em>
翰茶缘(雍和宫店)
</li>
   </div>
   
   
   
 </div> 
</div>

</body>
</html>

effect:

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值