1号店首页(共5页)

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>主页</title>
  <!--引入主页css样式文件-->
  <link href="css/index.css" rel="stylesheet" type="text/css">
  <!--引入公共css样式文件-->
  <link href="css/common.css" rel="stylesheet" type="text/css">
  <!--favicon图片引入-->
  <link rel="shortcut icon" href=" favicon/favicon.ico" />
</head>
<body>
<!--快捷导航模块start-->
<div class="nav">
  <span>送货至&nbsp;四川</span>
  <ul class="right">
    <li>
      <f>您好!<a href="loginpage.html">请登录</a> </f>
      <a href="registerpage.html" class="style_ff">&nbsp;免费注册</a>|
    </li>
    <li><a href="#">我的订单</a>|</li>
    <li><a href="#" class="fonts_icon">收藏夹</a></li>
    <li><a href="#" class="fonts_icon">客户服务</a></li>
    <li><a href="#" class="fonts_icon">网站导航</a>|</li>
    <li><a href="#" class="pic_icon">关注我们</a><img src="img/sh1.png" class="pic"/> <img class="pic" src="img/sh2.png"/>|
    </li>
    <li><a href="#" class="pic2_icon">手机版</a></li>
  </ul>
</div>
<!--快捷导航模块end-->
<!--header模块start-->
<header class="header ">
  <!--logo模块start-->
  <div class="in_logo">
    <img src="img/loginlogo.jpg">
  </div>
  <!--logo模块end-->
  <!--搜索模块start-->
  <div class="search">
    <form action="searchList.html" method="get">
    <input type="text" class="search1">
    <input type="submit" class="search2" value="搜索">
    </form>
  </div>
  <!--搜索模块end-->
  <!--热词模块start-->
  <div class="hot_words">
    <ul>
      <li><a href="#">咖啡</a></li>
      <li><a href="#">iphone 6s</a></li>
      <li><a href="#">新鲜美食</a></li>
      <li><a href="#">蛋糕</a></li>
      <li><a href="#">日用品</a></li>
      <li><a href="#">连衣裙</a></li>
    </ul>
  </div>
  <!--热词模块end-->
  <!--购物车模块start-->
  <div class="shop_car">
    <span>购物车</span>
  </div>
  <!--购物车模块end-->
</header>
<!--header模块over-->
<!--主体模块start-->
<section class="section w">
  <!--导航模块start-->
  <div class="self_nav w">
    <!--商品分类模块start-->
    <div class="classify">
      <l>全部商品分类</l>
    </div>
    <!--商品分类模块end-->
    <!--自助导航模块start-->
    <div class="s_nav">
      <ul>
        <li><a href="#" class="style_cc">首页</a></li>
        <li><a href="#" class="style_cc">自营超市</a></li>
        <li><a href="#">1号团</a></li>
        <li><a href="#">1号超市</a></li>
        <li><a href="#">女装</a></li>
        <li><a href="#">美妆</a></li>
        <li><a href="#">1号海购</a></li>
        <li><a href="#">团购</a></li>
      </ul>
    </div>
    <!--自助导航模块end-->
    <!--手机下单模块start-->
    <div class="tip">
      <img src="img/phone.png">
    </div>
    <!--手机下单模块end-->
  </div>
  <!--main主体模块start-->
  <div class="main w">
    <!--左侧商品模块start-->
    <div class="left">
      <ul class="menu">
        <li><a href="#">进口食品,生鲜</a></li>
        <li><a href="#">食品,饮料,酒</a></li>
        <li><a href="#">母婴,玩具,童装</a></li>
        <li><a href="#">家具,家庭清洁,纸品</a></li>
        <li><a href="#">美妆,个人护理,洗护</a></li>
        <li><a href="#">女装,内衣,中老年</a></li>
        <li><a href="#">鞋靴,箱包,腕表配饰</a></li>
        <li><a href="#">男装,运动</a></li>
        <li><a href="#">手机,小家电,电脑</a></li>
        <li><a href="#">礼品,充值</a></li>
      </ul>
      <div class="menu_pic">
        <img src="img/nav1.png">
        <img src="img/nav2.png">
        <img src="img/nav3.png">
        <img src="img/nav4.png">
        <img src="img/nav5.png">
        <img src="img/nav6.png">
        <img src="img/nav7.png">
        <img src="img/nav8.png">
        <img src="img/nav9.png">
        <img src="img/nav10.png">
      </div>
    </div>
    <!--左侧商品模块end-->
    <!--中心图模块start-->
    <div class="center">
      <div class="big_left"><m></m></div>
      <div class="big_right"><m></m></div>
      <img src="img/ban11_psd.png">

    </div>
    <!--中心图模块end-->
    <!--快报模块start-->
    <div class="news_flash">
      <div class="news_flash1">
        <h>快讯</h>
        <a href="#">更多</a>
      </div>
      <div class="news_flash2">
        <ul>
          <li><a href="#"><strong>【特惠】</strong>蓝一轮明月 表无尽惦念</a></li>
          <li><a href="#"><strong>【特惠】</strong>蓝一轮明月 表无尽惦念</a></li>
          <li><a href="#"><strong>【特惠】</strong>蓝一轮明月 表无尽惦念</a></li>
          <li><a href="#"><strong>【特惠】</strong>蓝一轮明月 表无尽惦念</a></li>
          <li><a href="#"><strong>【特惠】</strong>蓝一轮明月 表无尽惦念</a></li>
        </ul>
      </div>
      <div class="news_flash3">
        <h>1号钱包</h>
      </div>
      <div class="news_flash4">
        <a href="#">收益日结,收益赚High!</a>
        <a href="#"><img src="img/oneAD.jpg"></a>

      </div>
    </div>
  </div>
  <!--快报模块end-->

  <!--热卖模块start-->
  <div class="hot_sell w">
    <div class="hot_sell1">
      <img src="img/ll_img.jpg">
    </div>
    <div class="hot_sell_1">
      <div class="price">
        <div class="rise">¥53.00</div>
        <div class="shi">16R</div>
      </div>

    </div>
    <div class="hot_sell2">
      <ul>
        <div class="big_left"><m></m></div>
        <div class="big_right"><m></m></div>
        <li class="iphone_x"><a href="#">
          <img src="img/hot1.jpg">
          <p class="name">德国进口</p>
          <p>德亚全脂纯牛奶200ml*48盒</p>
          <h>¥189</h>&nbsp;&nbsp;<a class="big_price">26R</a>
        </a></li>
        <li class="iphone"><a href="#">
          <img src="img/hot2.jpg">
          <p class="name">iphone 6s</p>
          <p>Apple/苹果iphone6s plus公开版</p>
          <h>¥5288</h>&nbsp;&nbsp;<a class="big_price">25R</a>
        </a></li>
        <li class="iphone_x"><a href="#">
          <img src="img/hot3.jpg">
          <p class="name">倩碧特惠套</p>
          <p>倩碧补水组合套装8折促销</p>
          <h>¥368</h>&nbsp;&nbsp;<a class="big_price">28R</a>
        </a></li>
        <li class="iphone_x"><a href="#">
          <img src="img/hot4.jpg">
          <p class="name">品利特级橄榄油</p>
          <p>750ml*4瓶装组合 西班牙原进口</p>
          <h>¥280</h>&nbsp;&nbsp;<a class="big_price">20R</a>
        </a></li>
      </ul>
    </div>
  </div>
  <!--热卖模块end-->

  <!--横幅模块start-->
  <div class="adv w">
    <img src="img/mban_2.jpg">
  </div>
  <!--横幅模块end-->

  <!--生鲜模块start-->
  <div class="fresh w">
    <!--生鲜导航模块start-->
    <div class="one_floor w">
      <div class="one_pic">
        <img src="img/floor.png">
        <a>1F</a>
        <span>进口&nbsp;•&nbsp;生鲜</span>
      </div>
      <div class="more">
        <ul>
          <li><a href="#">进口咖啡</a></li>
          <li><a href="#">进口酒</a></li>
          <li><a href="#">进口母婴</a></li>
          <li><a href="#">新鲜蔬菜</a></li>
          <li><a href="#">新鲜水果</a></li>
        </ul>

      </div>

    </div>
    <!--生鲜导航模块end-->
    <!--生鲜主体模块start-->
    <div class="one_content w">
      <!--生鲜左侧主体模块start-->
      <div class="fruit_pic1 ">
        <div class="small_right"><m></m></div>
        <div class="small_left"><m></m></div>
        <img src="img/fre_r.jpg">
      </div>
      <div class="agg">
        <ul>
          <li><a href="#">进口水果&nbsp;&nbsp;&nbsp;&nbsp;奇异果&nbsp;&nbsp;&nbsp;&nbsp;西柚</a></li>
          <li><a href="#">海鲜水产&nbsp;&nbsp;&nbsp;&nbsp;品质牛肉</a></li>
          <li><a href="#">奶粉&nbsp;&nbsp;&nbsp;&nbsp;鲜活禽蛋&nbsp;&nbsp;&nbsp;&nbsp;进口酒</a></li>
          <li><a href="#">进口奶粉&nbsp;&nbsp;&nbsp;&nbsp;鲜活禽蛋</a></li>
        </ul>
      </div>
    <!--生鲜左侧主体模块end-->
    <!--生鲜主体中部模块start-->
    <div class="fruit_center">
      <ul>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥98.00</h>
          <img src="img/fre_1.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥150.00</h>
          <img src="img/fre_2.jpg">
        </a></li>
        <li class="sha"><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥344.00</h>
          <img src="img/fre_3.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥908.00</h>
          <img src="img/fre_4.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥658.00</h>
          <img src="img/fre_5.jpg">
        </a></li>
        <li class="sha"><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥248.00</h>
          <img src="img/fre_6.jpg">
        </a></li>
      </ul>
    </div>
   <!--生鲜主体中部模块end-->
      <!--生鲜右侧主体模块start-->
      <div class="left_center">
        <ul>
          <li><a href="#">
            <img src="img/fre_b1.jpg">
          </a></li>
          <li><a href="#">
            <img src="img/fre_b2.jpg">
          </a></li>
        </ul>
      </div>
      <!--生鲜右侧主体模块end-->
    </div>
    <!--生鲜主体模块end-->
  </div>
  <!--生鲜模块end-->

  <!--横幅模块start-->
  <div class="adv w">
    <img src="img/mban_2.jpg">
  </div>
  <!--横幅模块end-->

  <!--美妆模块start-->
  <div class="fresh w">
    <!--美妆导航模块start-->
    <div class="one_floor w">
      <div class="one_pic">
        <img src="img/floor.png">
        <a>2F</a>
        <span>个人美妆</span>
      </div>
      <div class="more">
        <ul>
          <li><a href="#">洗发护发</a></li>
          <li><a href="#">面膜</a></li>
          <li><a href="#">洗面奶</a></li>
          <li><a href="#">香水</a></li>
          <li><a href="#">沐浴露</a></li>
        </ul>

      </div>

    </div>
    <!--美妆导航模块end-->
    <!--美妆主体模块start-->
    <div class="one_content w">
      <!--美妆左侧主体模块start-->
      <div class="fruit_pic1 ">
        <div class="small_right"><m></m></div>
        <div class="small_left"><m></m></div>
        <img src="img/make_r.jpg">
      </div>
      <div class=" two agg">
        <ul class="two">
          <li><a href="#">洗发护发&nbsp;&nbsp;&nbsp;&nbsp;牙刷牙膏</a></li>
          <li><a href="#">面膜&nbsp;&nbsp;&nbsp;&nbsp;香水</a></li>
          <li><a href="#">面霜&nbsp;&nbsp;&nbsp;&nbsp;洗面奶&nbsp;&nbsp;&nbsp;&nbsp;脱毛膏</a></li>
          <li><a href="#">沐浴露</a></li>
        </ul>
      </div>
    <!--美妆左侧主体模块end-->
    <!--美妆主体中部模块start-->
    <div class="fruit_center">
      <ul>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥260.00</h>
          <img src="img/make_1.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥980.00</h>
          <img src="img/make_2.jpg">
        </a></li>
        <li class="sha"><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥889.00</h>
          <img src="img/make_3.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥426.00</h>
          <img src="img/make_4.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥246.00</h>
          <img src="img/make_5.jpg">
        </a></li>
        <li class="sha"><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥526.00</h>
          <img src="img/make_6.jpg">
        </a></li>
      </ul>
    </div>
   <!--美妆主体中部模块end-->
      <!--美妆右侧主体模块start-->
      <div class="left_center">
        <ul>
          <li><a href="#">
            <img src="img/make_b1.jpg">
          </a></li>
          <li><a href="#">
            <img src="img/make_b2.jpg">
          </a></li>
        </ul>
      </div>
      <!--美妆右侧主体模块end-->
    </div>
    <!--美妆主体模块end-->
  </div>
  <!--美妆模块end-->

  <!--横幅模块start-->
  <div class="adv w">
    <img src="img/mban_2.jpg">
  </div>
  <!--横幅模块end-->

  <!--母婴模块start-->
  <div class="fresh w">
    <!--母婴导航模块start-->
    <div class="one_floor w">
      <div class="one_pic">
        <img src="img/floor.png">
        <a>3F</a>
        <span>母婴玩具</span>
      </div>
      <div class="more">
        <ul>
          <li><a href="#">营养品</a></li>
          <li><a href="#">孕妈背带裤</a></li>
          <li><a href="#">儿童玩具</a></li>
          <li><a href="#">婴儿床</a></li>
          <li><a href="#">喂奶器</a></li>
        </ul>

      </div>

    </div>
    <!--母婴导航模块end-->
    <!--母婴主体模块start-->
    <div class="one_content w">
      <!--母婴左侧主体模块start-->
      <div class="fruit_pic1 ">
        <div class="small_right"><m></m></div>
        <div class="small_left"><m></m></div>
        <img src="img/baby_r.jpg">
      </div>
      <div class="agg">
        <ul class="thr">
          <li><a href="#">孕妈必备&nbsp;&nbsp;&nbsp;&nbsp;儿童玩具&nbsp;&nbsp;&nbsp;&nbsp;奶粉</a></li>
          <li><a href="#">辅助食品&nbsp;&nbsp;&nbsp;&nbsp;童装童鞋</a></li>
          <li><a href="#">奶粉&nbsp;&nbsp;&nbsp;&nbsp;鲜活禽蛋&nbsp;&nbsp;&nbsp;&nbsp;维生素</a></li>
          <li><a href="#">进口奶粉&nbsp;&nbsp;&nbsp;&nbsp;鲜活禽蛋</a></li>
        </ul>
      </div>
    <!--母婴左侧主体模块end-->
    <!--母婴主体中部模块start-->
    <div class="fruit_center">
      <ul>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥981.00</h>
          <img src="img/baby_1.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥258.00</h>
          <img src="img/baby_2.jpg">
        </a></li>
        <li class="sha"><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥455.00</h>
          <img src="img/baby_3.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥518.00</h>
          <img src="img/baby_4.jpg">
        </a></li>
        <li><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥218.00</h>
          <img src="img/baby_5.jpg">
        </a></li>
        <li class="sha"><a href="#">
          <p>贝克思 草莓先生&草莓小姐</p>
          <h>¥698.00</h>
          <img src="img/baby_6.jpg">
        </a></li>
      </ul>
    </div>
   <!--母婴主体中部模块end-->
      <!--母婴右侧主体模块start-->
      <div class="left_center">
        <ul>
          <li><a href="#">
            <img src="img/baby_b1.jpg">
          </a></li>
          <li><a href="#">
            <img src="img/baby_b2.jpg">
          </a></li>
        </ul>
      </div>
      <!--母婴右侧主体模块end-->
    </div>
    <!--母婴主体模块end-->
  </div>
  <!--母婴模块end-->

  <!--底部法律信息模块start-->
  <div class="footer w">
  <div>
    <il>
      <li class="z_pin">
        <img src="img/b1.png">
        <p>正品保障</p>
        <a>正品行货 放心购买</a>
      </li>
    </il>
  </div>
  <div >
    <il>
      <li class="z_pin">
        <img src="img/b2.png">
        <p>满38包邮</p>
        <a>满38包邮 免运费</a>
      </li>
    </il>
  </div>
  <div>
    <il>
      <li class="z_pin">
        <img src="img/b3.png">
        <p>天天低价</p>
        <a>天天低价 畅选无忧</a>
      </li>
    </il>
  </div>
  <div>
    <il>
      <li class="z_pin">
        <img src="img/b4.png">
        <p>正准时送达</p>
        <a>收货时间 由你做主</a>
      </li>
    </il>
  </div>
    <div class="all_he">
    <div class="mation">
      <ul>
        <li>
          <ul>
            <li><a href="#" class="bid_font">新手上路</a></li>
            <li><a href="#">售后流程</a></li>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">订购方式</a></li>
            <li><a href="#">隐私声明</a></li>
            <li><a href="#">推荐分享说明</a></li>
          </ul>
        </li>
      </ul>
    </div>
      <div class="mation">
      <ul>
        <li>
          <ul>
            <li><a href="#" class="bid_font">配送与支付</a></li>
            <li><a href="#">货到付款区域</a></li>
            <li><a href="#">配送支付查询</a></li>
            <li><a href="#">支付方式说明</a></li>

          </ul>
        </li>
      </ul>
    </div>
      <div class="mation">
      <ul>
        <li>
          <ul>
            <li><a href="#" class="bid_font">会员中心</a></li>
            <li><a href="#">资金管理</a></li>
            <li><a href="#">我的收藏</a></li>
            <li><a href="#">我的订单</a></li>
          </ul>
        </li>
      </ul>
    </div>
      <div class="mation">
      <ul>
        <li>
          <ul>
            <li><a href="#" class="bid_font">服务保证</a></li>
            <li><a href="#">退换货原则</a></li>
            <li><a href="#">售后服务保证</a></li>
            <li><a href="#">产品质量保证</a></li>
          </ul>
        </li>
      </ul>
    </div>
      <div class="mation">
      <ul>
        <li>
          <ul>
            <li><a href="#" class="bid_font">联系我们</a></li>
            <li><a href="#">网站故障报告</a></li>
            <li><a href="#">购物资讯</a></li>
            <li><a href="#">投诉与建议</a></li>
          </ul>
        </li>
      </ul>
    </div>
      <div class="code">
        <div class="Qr_code">
          <img src="img/er.gif">
        </div>
        <div class="sina">
          <img src="img/b_sh_1.png"><a>新浪微博</a>
        </div>
        <div class="tencent">
          <img src="img/b_sh_2.png"><a>腾讯微博</a>
        </div>
        <div class="we_are">
          <img src="img/ss.png">
        </div>
      </div>
      <span>
        <p>服务热线:</p>
        <a>400-123-4567</a>
      </span>

  </div>

  </div>
  <div class="public">
    <p>备案/许可证编号:蜀ICP备12009302号-1-www.dingguagua.com Copyright© 1号店网上超市 2007-2016,All Rights Reserved,复制必究,Technical Support:Dgg Group</p>
  </div>
  <div class="police">
    <img src="img/b_1.gif">
    <img src="img/b_2.gif">
    <img src="img/b_3.gif">
    <img src="img/b_4.gif">
    <img class="small" src="img/b_5.gif">
    <img class="small" src="img/b_6.gif">
  </div>
  <!--底部法律信息模块end-->
</section>
</body>
</html>
















  • 2
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

七号男技师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值