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/common.css" rel="stylesheet" type="text/css">
  <!--引入detail样式文件-->
  <link href="css/searchList.css" rel="stylesheet" type="text/css">
  <!--favicon图片引入-->
  <link rel="shortcut icon" href=" favicon/favicon.ico" />
</head>
<body>
<!--上合模块start-->
<div class="top_all">
<!--快捷导航模块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">
    <input type="text" class="search1">
    <button class="search2">搜索</button>
  </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-->
  <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>
</div>
<!--上合模块end-->
<!--主体模块start-->
<section class="section w">
  <!--珠宝品牌模块start-->
  <div class="shou_ye w">
  <ul>
    <li><a href="detail.html" class="e902">全部</a></li>
    <li><a href="#" class="e902">珠宝饰品</a></li>
    <li><a href="#" class="e902">珍珠项链</a></li>
    <li><a href="#">品牌:</a></li>
    <li><a href="#" class="yellow">珠韵首饰</a></li>
  </ul>
    <ul class="heti"></ul>
  </div>
  <!--珠宝品牌模块end-->
  <!--珠宝详细模块start-->
  <div class="xiang_xi w">
    <ul>
      <li class="lei">
        <ul>
          <li><a href="#" class="jia_cu"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;品牌:</a></li>
          <li><a href="#" class="style_cc">少林珠宝真的好</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>
          <li><a href="#">少林珠宝真的好</a></li>
          <li><a href="#">少林珠宝真的好</a></li>
          <li><a href="#">少林珠宝真的好</a></li>
          <li><a href="#">少林珠宝真的好</a></li>
        </ul>
      </li>
      <li class="price">
        <ul>
          <li><a href="#" class="jia_cu">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;价格:</a></li>
          <li><a href="#">299-399</a></li>
          <li><a href="#" class="style_cc">299-399</a></li>
          <li><a href="#">299-399</a></li>
          <li><a href="#">299-399</a></li>
          <li><a href="#">299-399</a></li>
          <li><a href="#">299-399</a></li>
          <li><a href="#">299-399</a></li>
        </ul>
      </li>
      <li class="color">
        <ul>
          <li><a class="jia_cu">珍珠颜色:</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>
      </li>
      <li class="add">
        <ul>
          <li><a href="#" class="jia_cu">珍珠分类:</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>
  <!--珠宝详细模块end-->
  <!--浏览足迹模块start-->
  <div>
  <div class="looked">
    <a class="histry style_cc">浏览历史</a>
    <a href="#" class="dea">清空</a>
  </div>
  <div class="pic_all">
    <div class="pic_01">
      <div class="pic_01_1">
        <img src="img/his_1.jpg">
        <p>Dior/迪奥香水2件套</p>
        <a>¥&nbsp;368</a>
      </div>
    </div>
    <div class="pic_01">
      <div class="pic_01_1">
        <img src="img/his_2.jpg">
        <p>Dior/迪奥香水2件套</p>
        <a>¥&nbsp;368</a>
      </div>
    </div>
    <div class="pic_01">
      <div class="pic_01_1">
        <img src="img/his_3.jpg">
        <p>Dior/迪奥香水2件套</p>
        <a>¥&nbsp;888</a>
      </div>
    </div>
    <div class="pic_01">
      <div class="pic_01_1">
        <img src="img/his_4.jpg">
        <p>Dior/迪奥香水2件套</p>
        <a>¥&nbsp;768</a>
      </div>
    </div>
    <div class="pic_01">
      <div class="pic_01_1">
        <img src="img/his_5.jpg">
        <p>Dior/迪奥香水2件套</p>
        <a>¥&nbsp;868</a>
      </div>
    </div>
  </div>
  </div>
  <!--浏览足迹模块end-->
  <!--默认发现模块start-->
  <div class="new_look">
    <ul>
      <li class="huang">默认</li>
      <li class="height">销量<a class="down"></a></li>
      <li class="height">价格<a class="down1"></a></li>
      <li>新品</li>
    </ul>

  </div>
  <div class="baby">
    <a href="#">共发现120件</a>
  </div>
  <div class="xian"></div>
  <div class="zhubao_all">
  <div class="zhubao">
    <div class="zhubao_pic">
      <img src="img/per_1.jpg">
    </div>
    <a class="style_cc">¥168</a>
    <p>海童7-8mm水滴型天然珍珠项链</p>
    <m>收藏</m><h class="style_cc">加入购物车</h>
  </div>
  <div class="zhubao">
    <div class="zhubao_pic">
      <img src="img/per_2.jpg">
    </div>
    <a class="style_cc">¥418</a>
    <p>海童7-8mm水滴型天然珍珠项链</p>
    <m>收藏</m><h class="style_cc">加入购物车</h>
  </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_3.jpg">
      </div>
      <a class="style_cc">¥898</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao qing_chu">
      <div class="zhubao_pic">
        <img src="img/per_4.jpg">
      </div>
      <a class="style_cc">¥368</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_5.jpg">
      </div>
      <a class="style_cc">¥199</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_6.jpg">
      </div>
      <a class="style_cc">¥266</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_7.jpg">
      </div>
      <a class="style_cc">¥526</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao qing_chu">
      <div class="zhubao_pic">
        <img src="img/per_8.jpg">
      </div>
      <a class="style_cc">¥259</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_9.jpg">
      </div>
      <a class="style_cc">¥784</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_10.jpg">
      </div>
      <a class="style_cc">¥103</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_11.jpg">
      </div>
      <a class="style_cc">¥306</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao qing_chu">
      <div class="zhubao_pic">
        <img src="img/per_12.jpg">
      </div>
      <a class="style_cc">¥499</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_13.jpg">
      </div>
      <a class="style_cc">¥785</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_14.jpg">
      </div>
      <a class="style_cc">¥956</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_15.jpg">
      </div>
      <a class="style_cc">¥436</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao qing_chu">
      <div class="zhubao_pic">
        <img src="img/per_16.jpg">
      </div>
      <a class="style_cc">¥896</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_17.jpg">
      </div>
      <a class="style_cc">¥123</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_18.jpg">
      </div>
      <a class="style_cc">¥863</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao">
      <div class="zhubao_pic">
        <img src="img/per_19.jpg">
      </div>
      <a class="style_cc">¥156</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>
    <div class="zhubao qing_chu">
      <div class="zhubao_pic">
        <img src="img/per_12.jpg">
      </div>
      <a class="style_cc">¥56323</a>
      <p>海童7-8mm水滴型天然珍珠项链</p>
      <m>收藏</m><h class="style_cc">加入购物车</h>
    </div>

  </div>
  <!--默认发现模块end-->
  <!--搜索页面切换模块start-->
  <div class="switch">
    <ul>
      <li class="gaozi"><a href="searchList.html">上一页</a></li>
      <li class="kuan style_cc"><a href="searchList.html">1</a></li>
      <li class="kuan"><a href="searchList.html">2</a></li>
      <li class="kuan"><a href="searchList.html">3</a></li>
      <li class="none"><a href="searchList.html">...</a></li>
      <li class="kuan"><a href="searchList.html">20</a></li>
      <li class="gaozi"><a href="searchList.html">下一页</a></li>
    </ul>
  </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>
  • 3
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

七号男技师

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

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

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

打赏作者

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

抵扣说明:

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

余额充值