index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>威名首页</title>
		<link rel="stylesheet" style="text/css" href="css/public.css" />
		<link rel="stylesheet" style="text/css" href="css/index.css" />
	</head>
	<body>
		<!--头部-->
		<header>
			<a href="index.html" id="logo">
			</a>
			<div id="header_r" class="clear">
				<a href="#">
					<div id="login_l">
						<span>登录</span><span>/</span><span>注册</span>
					</div>
					<div id="login_r"></div>
				</a>
				<a href="#">
					<div id="shopping_l">
						<span>购物车</span>
					</div>
					<div id="shopping_r"></div>
				</a>
				<a href="#" class="special"> 
				</a>
				<a href="#" class="special">
				</a>
				<a href="#" class="special">
				</a>
			</div>
		</header>
		<!--导航栏-->
		<nav>
			<ul>	
				<li value="1">
					<a href="#"><span>男的</span></a>
				</li>
				<li value="2">
					<a href="#"><span>女的</span></a>
				</li>
				<li class="nav_te" value="3">
					<a href="#"><span>儿童</span></a>
				</li>
				<li value="4">
					<a href="#"><span calss="no_underline">店铺分布</span></a>
				</li>
			</ul>
			<div id="nav2_1">
				<div id="nav2_1_t" class="nav2_divide1">
					<a href="#"><img src="images/M_B_FTW.jpg" /><p><span>踩的</span></p></a>
					<a href="#"><img src="images/M_B_APP.jpg" /><p><span>穿的</span></p></a>
					<a href="#"><img src="images/M_B_ACC.jpg" /><p><span>戴的</span></p></a>
					<a href="#"><img src="images/new_icon.jpg" /><p><span>新产品</span></p></a>
					<a href="#"><img src="images/discount_icon.jpg" /><p><span>优惠</span></p></a>
				</div>
				<div id="nav2_1_b" class="nav2_divide2">
					<a href="#"><img src="images/_drop_down_men_06_30.jpg" /><p><span>经典款</span></p></a>
					<a href="#"><img src="images/M_B_CT.jpg" /><p><span>ALL STAR</span></p></a>
					<a href="#"><img src="images/M_B_CONS.jpg" /><p><span>CONS</span></p></a>
					<a href="#"><img src="images/M_B_JP.jpg" /><p><span>JACK PURCELL</span></p></a>
					<a href="#"><img src="images/_drop_down_chuck2_06_30.jpg" /><p><span>CHUCK Ⅱ</span></p></a>
				</div>
			</div>
			<div id="nav2_2">
				<div id="nav2_2_t" class="nav2_divide1">
					<a href="#"><img src="images/W_B_FTW.jpg" /><p><span>踩的</span></p></a>
					<a href="#"><img src="images/W_B_APP.jpg" /><p><span>穿的</span></p></a>
					<a href="#"><img src="images/W_B_ACC.jpg" /><p><span>戴的</span></p></a>
					<a href="#"><img src="images/new_icon.jpg" /><p><span>新产品</span></p></a>
					<a href="#"><img src="images/discount_icon.jpg" /><p><span>优惠</span></p></a>
				</div>
				<div id="nav2_2_b" class="nav2_divide2">
					<a href="#"><img src="images/_drop_down_men_06_30.jpg" /><p><span>经典款</span></p></a>
					<a href="#"><img src="images/W_B_CT.jpg" /><p><span>ALL STAR</span></p></a>
					<a href="#"><img src="images/W_B_CONS.jpg" /><p><span>CONS</span></p></a>
					<a href="#"><img src="images/W_B_JP.jpg" /><p><span>JACK PURCELL</span></p></a>
					<a href="#"><img src="images/_drop_down_chuck2_06_30.jpg" /><p><span>CHUCK Ⅱ</span></p></a>
				</div>
			</div>
			<div id="nav2_3">
				<div id="nav2_3_t" class="nav2_divide1">
					<a href="#"><img src="images/_drop_down_kids_02_01.jpg" /><p><span>踩的</span></p></a>
					<a href="#"><img src="images/new_icon.jpg" /><p><span>新产品</span></p></a>
					<a href="#"><img src="images/discount_icon.jpg" /><p><span>优惠</span></p></a>
				</div>
				<div id="nav2_3_b" class="nav2_divide2">
					<a href="#"><img src="images/_drop_down_men_06_30.jpg" /><p><span>经典款</span></p></a>
					<a href="#"><img src="images/_drop_down_men_09_01.jpg" /><p><span>ALL STAR</span></p></a>
					<a href="#"><img src="images/_drop_down_men_09_02.jpg" /><p><span>CONS</span></p></a>
				</div>
			</div>
		</nav>
		<!--法律援助信息-->
		<section id="legal_mes">
			<a href="#">尊敬的顾客您好，我们店铺是不会泄露您的信息的，请放心。另外我们也不会要求获取、收集、使用
				任何与消费者金融消费类（如：信用卡）信息，如果接到以上信息电话，是属于诈骗电话，请勿相信，
				以防钱财损失，如果您对订单有疑问，请联系在线客服</a>
		</section>
		<!--广告轮播图-->
		<section id="banner"></section>
		<!--热卖单品-->
		<section id="hotSale">
			<h3 class="title">
				<div class="title_line"></div>
				<span>热卖单品</span>
			</h3>
			<ul id="hot_menu" class="clear">
				<li class="active">
					<a href="#">
						<span>男的踩的</span><img src="images/top_02_1203.jpg" />
					</a>
				</li>
				<li>
					<a href="#">
						<span>女的踩的</span><img src="images/top_01_1203.jpg" />
					</a>
				</li>
				<li>
					<a href="#">
						<span>穿的</span><img src="images/top_01_05.jpg" />
					</a>
				</li>
				<li>
					<a href="#">
						<span>戴的</span><img src="images/top_01_07.jpg" />
					</a>
				</li>
			</ul>
			<img src="images/active.png" />
		</section>
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>