<!DOCTYPE html>
<html lang="zh-CN">
<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>
<meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台。">
<meta name="keywords" content="小兔鲜儿,食品,生鲜,服装,家电,电商,购物">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 头部模块-->
<header>
<!-- 快捷菜单模块-->
<div class="xtx-shortcut">
<div class="container">
<ul class="fr">
<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>
</div>
<!-- #主导航模块-->
<div class="xtx-main-nav container">
<!-- #logo -->
<h1 class="logo fl">
<a href="#">小兔鲜儿</a>
</h1>
<nav class="fl">
<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>
<li><a href="#">居家</a></li>
<li><a href="#">洗护</a></li>
<li><a href="#">孕婴</a></li>
<li><a href="#">服装</a></li>
</ul>
</nav>
<!-- #search -->
<div class="search fl">
<input type="search" placeholder="搜一艘">
</div>
<!-- #cart-->
<div class="cart fl">
<span>2</span>
</div>
</header>
<!-- #网站入口模块-->
<div class="xtx-entry">
<div class="container">
<!-- #轮播图 -->
<ul class="banner">
<li>
<a href="">
<img src="./uploads/banner_1.png" alt="">
</a>
</li>
</ul>
<!-- #侧边栏 -->
<aside class="category">
<ul>
<li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
<li><a href="#">美食 <span>面点 水果</span></a></li>
<li><a href="#">餐厨 <span>数码产品</span></a></li>
<li><a href="#">电器 <span>床品 四件套 被枕</span></a></li>
<li><a href="#">居家 <span>奶粉 玩具 辅食</span></a></li>
<li><a href="#">洗护 <span>洗发 洗护 美妆</span></a></li>
<li><a href="#">孕婴 <span>奶粉 玩具</span></a></li>
<li><a href="#">服饰 <span>女装 男装</span></a></li>
<li><a href="#">杂货 <span>户外 图书</span></a></li>
<li><a href="#">品牌 <span>品牌制造</span></a></li>
</ul>
</aside>
<!-- #左右按钮 -->
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
<!-- #轮播图指示器 -->
<ol class="indicator">
<li></li>
<li></li>
<li class="active"></li>
<li></li>
<li></li>
</ol>
</div>
</div>
<!-- #新鲜好物模块 -->
<div class="xtx-new-goods container">
<!-- #好物模块头部 -->
<div class="goods-hd">
<!-- #左边h2 -->
<h2 class="fl">
新鲜好物 <span>新鲜出炉 品质靠谱</span>
</h2>
<!-- #右边的a -->
<a href="#" class="fr">查看全部</a>
</div>
<!-- #好物模块列表 -->
<div class="goods-list">
<ul>
<li>
<img src="./uploads/new_goods_1.jpg" alt="">
<h3>睿米无限吸尘器F8</h3>
<p><span>￥</span> 899</p>
</li>
<li>
<img src="./uploads/new_goods_2.jpg" alt="">
<h3>智能环绕3的空调</h3>
<p><span>￥</span> 1299</p>
</li>
<li>
<img src="./uploads/new_goods_3.jpg" alt="">
<h3>广东软软糯米煲仔饭</h3>
<p><span>￥</span> 129</p>
</li>
<li>
<img src="./uploads/new_goods_4.jpg" alt="">
<h3>罗西机械智能手表</h3>
<p><span>￥</span> 3399</p>
</li>
</ul>
</div>
</div>
<!-- #底部模块 -->
<footer>
<!-- #宣传服务 -->
<div class="xtx-service">
<div class="container">
<a href="#">价格亲民</a>
<a href="#">物流快捷</a>
<a href="#">品质新鲜</a>
</div>
</div>
<!-- #版权信息 -->
<div class="xtx-copyright">
<div class="container">
<p>
<a href="#">关于我们</a> |
<a href="#">帮助中心</a> |
<a href="#">售后服务</a> |
<a href="#">配送与验收</a> |
<a href="#">商务合作</a> |
<a href="#">搜索推荐</a> |
<a href="#">友情链接</a>
</p>
<p>
CopyRight @ 小兔鲜儿
</p>
</div>
</div>
</footer>
</body>
</html>
