<!DOCTYPE html>
<html lang="en">
<head>
????<meta charset="UTF-8">
????<title>Document</title>
????<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
????<link rel="stylesheet" href="assets/mui/css/mui.min.css">
????<link rel="stylesheet" href="css/base.css">
????<link rel="stylesheet" href="assets/fontAwesome/css/font-awesome.min.css">
????<script src="assets/mui/js/mui.min.js"></script>
</head>
<body>
????<header class="mui-bar mui-bar-nav my-header">
????????<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
????????<h1 class="mui-title">樂淘網(wǎng)購</h1>
????????<a href="" class="mui-icon mui-icon-search mui-pull-right"></a>
????</header>
????<!-- 輪播圖8 -->
????<div class="mui-slider">
????????<div class="mui-slider-group">
????????????<div class="mui-slider-item">
????????????????<a href="#">
????????????????????<img src="images/banner1.png" />
????????????????</a>
????????????</div>
????????????<div class="mui-slider-item">
????????????????<a href="#">
????????????????????<img src="images/banner2.png" />
????????????????</a>
????????????</div>
????????????<div class="mui-slider-item">
????????????????<a href="#">
????????????????????<img src="images/banner3.png" />
????????????????</a>
????????????</div>
????????????<div class="mui-slider-item">
????????????????<a href="#">
????????????????????<img src="images/banner4.png" />
????????????????</a>
????????????</div>
????????????<div class="mui-slider-item">
????????????????<a href="#">
????????????????????<img src="images/banner5.png" />
????????????????</a>
????????????</div>
????????????<div class="mui-slider-item">
????????????????<a href="#">
????????????????????<img src="images/banner6.png" />
????????????????</a>
????????????</div>
????????</div>
????????<div class="mui-slider-indicator">
????????????<div class="mui-indicator mui-active"></div>
????????????<div class="mui-indicator"></div>
????????????<div class="mui-indicator"></div>
????????????<div class="mui-indicator"></div>
????????????<div class="mui-indicator"></div>
????????????<div class="mui-indicator"></div>
????????</div>
????</div>
????<!-- //輪播圖 -->
? ? <!-- 品牌login 品牌鏈接 -->
????<div class="nav-links mui-clearfix">
????????<a href="#">
????????????<img src="images/nav1.png">
????????</a>
????????<a href="#">
????????????<img src="images/nav2.png">
????????</a>
????????<a href="#">
????????????<img src="images/nav3.png">
????????</a>
????????<a href="#">
????????????<img src="images/nav4.png">
????????</a>
????????<a href="#">
????????????<img src="images/nav5.png">
????????</a>
????????<a href="#">
????????????<img src="images/nav6.png">
????????</a>
????</div>
????<!--// 品牌login 品牌鏈接 -->
????<!-- 品牌專區(qū) -->
????<div class="brand">
????????<img src="images/title0.png" class="title">
????????<ul>
????????????<li><a href=""><img src="images/brand1.png" alt=""></a></li>
????????????<li><a href=""><img src="images/brand2.png" alt=""></a></li>
????????????<li><a href=""><img src="images/brand3.png" alt=""></a></li>
????????????<li><a href=""><img src="images/brand4.png" alt=""></a></li>
????????????<li><a href=""><img src="images/brand5.png" alt=""></a></li>
????????????<li><a href=""><img src="images/brand6.png" alt=""></a></li>
????????????<li><a href=""><img src="images/brand7.png" alt=""></a></li>
????????????<li><a href=""><img src="images/brand8.png" alt=""></a></li>
????????</ul>
????</div>
????<!-- //品牌專區(qū) -->
????<!-- 生活專區(qū) -->
????<div class="product">
????????<img src="images/title1.png" class="title">
????????<ul class="mui-clearfix">
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????</ul>
????</div>??
????<!-- //生活專區(qū) -->?
? ? <!-- 男士專欄 -->
????<div class="product">
????????<img src="images/title3.png" class="title">
????????<ul class="mui-clearfix">
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????</ul>
????</div>
???? <!-- 男士專欄 -->
????<!-- 女士專欄 -->
????<div class="product">
????????<img src="images/title2.png" class="title">
????????<ul class="mui-clearfix">
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????????<li>
????????????????<a href="#">
????????????????????<img src="images/product.jpg">
????????????????????<span class="name">
????????????????????????adidas阿迪達斯 男式 場下休閑籃球鞋S83700
????????????????????</span>
????????????????????<p>
????????????????????????<span>￥560</span>
????????????????????????<span>￥888</span>
????????????????????</p>
????????????????????<span class="buy-now">立即購買</span>
????????????????</a>
????????????</li>
????????</ul>
????</div>
????<!-- 女士專欄 -->
????<!-- 底部 -->
????<nav class="mui-bar mui-bar-tab my-footer">
????????<a class="mui-tab-item mui-active" href="index.html">
????????????<span class="mui-icon mui-icon-home"></span>
????????????<span class="mui-tab-label">首頁</span>
????????</a>
????????<a class="mui-tab-item" href="category.html">
????????????<span class="mui-icon mui-icon-bars"></span>
????????????<span class="mui-tab-label">分類</span>
????????</a>
????????<a class="mui-tab-item" href="cart.html">
????????????<span class="mui-icon fa fa-shopping-cart"></span>
????????????<span class="mui-tab-label">購物車</span>
????????</a>
????????<a class="mui-tab-item" href="user.html">
????????????<span class="mui-icon mui-icon-person"></span>
????????????<span class="mui-tab-label">會員中心</span>
????????</a>
????</nav>
????<div class="mui-content">
????</div>
????<!-- 底部 -->
</body>
</html>
